toujou
+49 911 23980-870

Filtered pages as image card collection

Mit dem toujou-Element Filtered pages as image card collection zeigen Sie automatisiert mehrere bereits veröffentlichte Seiten als Teaser nach manuell definierten Verhaltensweisen auf einer Webseite. Mit verschiedenen Filtermöglichkeiten individualisieren Sie die Anzeige des Elements.

Beispielansicht Schritt für Schritt Verhalten

 


Beispielansicht


Schritt für Schritt

Element erstellen

  • Klicken Sie auf +Inhalt und wählen Sie im Reiter Collections das Element Filtered pages as Image Card collection.

Seitentyp wählen

  • Wählen Sie im Bereich Ressourcentyp den gewünschten Seitentyp, der als Referenz für den Card-Teaser dienen soll.
  • Klicken Sie hierfür das Kästchen neben dem entsprechenden Seitentyp an.
  • Beachten Sie, dass nur ein Seitentyp gewählt werden kann. 

Kategorie(n) wählen

  • Sofern gewünscht: Legen Sie fest, welche Kategorien als zusätzlicher Filter fungieren sollen.
  • Wählen Sie die Kategorien durch Klick auf das Kästchen neben dem Kategorienamen. Es erscheinen nur Seiten, die diese Kategorie in ihren Seiteneigenschaften enthalten.
  • Eine Mehrfach-Auswahl ist möglich.

Über Seitenbaum filtern

  • Die Auswahl der automatisch gefilterten Teaser-Cards lässt sich über die Einstellung einer sogenannten Root Page (übergeordnete Seite) begrenzen. Einmal ausgewählt, werden nur Seitentypen (mit ggfs. ausgewählten Kategorien) angezeigt, die im Seitenbaum hierarchisch nach der Root Page angelegt sind. Im Beispiel wären das alle Seiten unter "Artikel".
  • Wählen Sie hierfür im Bereich Root Pages eine Seite via Klick auf den Seiten-Button aus.

Weitere Filter einstellen

  • Datumsanzeige: Wählen Sie eine Datumsanzeige im Frontend über Klick auf das Dropdown-Menü bei Group by. Zur Auswahl stehen: keine Datumsanzeige, täglich und monatlich.
  • Sortierungsreihenfolge: Definieren Sie eine Sortierungsreihenfolge. Wählen Sie im Drop-Down-Menü bei Sort field zwischen Veröffentlichundsdatum, Seiten-ID (nummerisch) oder Seitentitel (alphabetisch)
  • Sortierungsanordnung: Wählen Sie eine aufsteigende oder absteigende Anordnung durch Klick auf das Dropdown-Menü bei Sortdirection.
  • Ergebnisanzahl: Geben Sie ins Textfeld bei Max results  die Anzahl der Teaser-Cards an, die im Frontend angezeigt werden soll.
  • Mehr anzeigen: Aktivieren Sie das Kästchen, wenn Sie den Button “Mehr anzeigen” Ihren Usern zur Verfügung stellen wollen. 

Format und Farbe

  • Legen Sie fest, ob alle Seiten als Card im Format von 16:9 oder im quadratischen Format angezeigt werden. Klicken Sie hierfür zunächst auf den Reiter Settings.
  • Klicken Sie hierfür auf das Dropdownmenü bei Bildformat.
  • Unter der Option Farbe legen Sie im Dropdownmenü fest, welche der zur Auswahl und im Theme-Setting hinterlegte Farbe die Card annimmt.

Verhalten

Das Element Filtered Pages as Image Card ermöglicht die automatische Darstellung verschiedener Seiten eines Seitentypen (Contentseiten, Landingpages, Blogbeiträge, Eventseiten, Produktseiten etc.) und wird standardmäßig je nach Endgerät ausgespielt. Dabei werden immer alle veröffentlichten Seitentypen als Card automatisch und nach den weiteren Filtereinstellungen dargestellt. Achten Sie also darauf, dass die Seiten im Backend nicht verborgen sind und für das Menü aktiviert sind. Um eine bestimmte Anzahl an Cards aus einem Themenbereich anzuzeigen – und nicht alle bislang veröffentlichten – nutzen Sie bitte das Element Selected Pages as Image Card.

Hinweise zur Funktionsweise des Elements: Das Element erlaubt nur eine Verlinkung zu internen Website-Seiten. 

In den Teaser-Cards erscheinen Bild und Titel automatisch. Die dazugehörigen Daten kommen aus den Seiteneigenschaften der jeweiligen Seite. Für ein Bild muss im Reiter Ressourcen eine Datei hinterlegt sein. Außerdem muss eine Seite mit der Kategorie versehen sein, damit Sie bei Filterung via Kategorie angezeigt wird.Besitzt ein Seitentyp keinen solchen Reiter – oder lässt er keine Auswahl zu –  können Sie solche Seiten nicht mit diesem Element verknüpfen.

Responsiv: Das Element wird je nach Endgerät ausgespielt. Standardmäßig werden bis 840px vier Cards nebeneinander angezeigt. Von 839 bis 640px werden zwei Cards nebeneinander ausgespielt, die weiteren darunter. Für Endgeräte mit weniger als 640px werden alle Cards einzeln untereinander angezeigt.


Verknüpfte Themen

Selected Pages as Card  Filtered Pages as card Selected Pages as Image Card  Selected Pages as list Alle Collections-Elemente

Blog administration Alle Elemente Alle Tutorials