Zitat von
Mark Knochen
ah - das wäre eine variante .... wie ist das gemacht worden?
Die Kategorien hab ich mit codefog/contao-news_categories umgesetzt
Die Suche so:
Einmal als HTML-Inhaltselement das hier:
HTML-Code:
<div class="search">
<input type="text" value="" placeholder="Suche Modul- oder Archivname" onkeyup="filterModule(this.value)">
</div>
Dann das Modul Nachrichtenliste genommen und dort das Template news_latest.html5 angepasst:
HTML-Code:
<div class="col-4 module-search-box" data-tags="<?= $this->headline ?>">
<div onclick="location.href='<?= $this->link ?>'" class="module-box layout_latest arc_<?= $this->archive->id ?> block<?= $this->class ?>">
<?php if ($this->hasMetaFields): ?>
<p class="info"><time datetime="<?= $this->datetime ?>"><?= $this->date ?></time> <?= $this->author ?> <?= $this->commentCount ?></p>
<?php endif; ?>
<?php if ($this->addImage): ?>
<figure class="image_container<?= $this->floatClass ?>"<?php if ($this->margin): ?> style="<?= $this->margin ?>"<?php endif; ?>>
<?php if ($this->href): ?>
<a href="<?= $this->href ?>"<?= $this->attributes ?> title="<?= $this->alt ?>">
<?php endif; ?>
<?php $this->insert('picture_default', $this->picture); ?>
<?php if ($this->href): ?>
</a>
<?php endif; ?>
<?php if ($this->caption): ?>
<figcaption class="caption"><?= $this->caption ?></figcaption>
<?php endif; ?>
</figure>
<?php endif; ?>
<h2><?= $this->linkHeadline ?></h2>
<div class="teaser">
<?= $this->teaser ?>
</div>
</div>
</div>
Das hier als Javascript hinzugefügt im Layout eingefügt:
HTML-Code:
<script>
function filterModule(searchString)
{
var moduleSearchBoxes = $('.module-search-box');
moduleSearchBoxes.each(function() {
var tags = $(this).data('tags');
if (!searchString) {
$(this).show();
return;
}
if (tags.toLowerCase().includes(searchString.toLowerCase())) {
$(this).show();
} else {
$(this).hide();
}
});
// Überschriften ausblenden
$('.modules h2').each(function() {
$(this).show();
});
$('.modules .row').each(function(index) {
var a = $('.module-search-box:visible', this);
if (a.length != 0) {
return;
}
$('.modules h2').each(function(index2) {
if (index2 == index) {
$(this).hide();
}
})
});
}
</script>
News - Liste mit Filter für Kategorien und Suchbegriff?
Zitieren
. Du kannst es aber manuell in die composer.json hinzufügen und dann über den Contao Manager die Abhängigkeiten installieren lassen.
Lesezeichen