Die Multi-Teaser-Komponente dient als visuelles Teaser-Element, um auf Unterseiten oder andere Inhalte zu verlinken. Sie kombiniert Text, Medien und eine separate Verlinkungsoption innerhalb einer strukturierten Kartenansicht.
Nach dem Hinzufügen über das Plus-Icon im Seiteneditor kannst du:
eine Headline ein- oder ausblenden
eine Subheadline ein- oder ausblenden
den View-Type der Items festlegen (Grid oder Karussell)
Darstellung: Grid oder Karussell
Im Grid erfolgt meist nach dem vierten Element ein automatischer Zeilenumbruch.
Im Karussell werden in der Regel vier Items gleichzeitig angezeigt, weitere Inhalte sind durch horizontales Navigieren erreichbar.
Die Wahl des View-Types hängt vom Seitenlayout und der Anzahl der Teaser ab.
Visueller Aufbau der Items
Für die visuelle Darstellung kannst du global innerhalb der Komponente auswählen:
Leer Bild / Video Icon
Bei Bild, Video oder Icon erfolgt die Auswahl über das Medienarchiv.
Dort können Medien hochgeladen, zugeschnitten und im Fokus angepasst werden.
Wird „Leer“ gewählt, bestehen die Teaser-Karten ausschließlich aus Text.
Aufbau eines Multi-Teaser-Items
Jedes Item kann enthalten:
eine Headline
einen optionalen Copytext (über einen Rich-Text-Editor, ein- oder ausblendbar)
eine separate Verlinkung unterhalb des Textbereichs
Die Verlinkung ist nicht Bestandteil des Copytexts, sondern wird als eigenständige Link-Funktion definiert.
Alle üblichen Verlinkungsoptionen stehen zur Verfügung.
Wichtiger Hinweis zur Textlänge
Für den Copytext gibt es kein Zeichenlimit.Die Komponente passt ihre Höhe automatisch an – lange Texte führen daher zu entsprechend hohen Teaser-Karten.
Wenn die Multi-Teaser-Komponente primär als kurzer Verweis auf Unterseiten dient, empfiehlt es sich, den Text bewusst knapp zu halten.
Weitere Optionen
Es können beliebig viele Items hinzugefügt werden.
Ein Farbschema kann auf die gesamte Komponente angewendet werden.
Tipps & Tricks
Verwende kurze, prägnante Headlines für klare Teaser-Strukturen.
Halte Copytexte kompakt, um ein harmonisches Kartenlayout zu gewährleisten.
Wähle den View-Type abhängig von Anzahl und Kontext der Teaser.
Achte bei Bild- oder Video-Varianten auf ausreichenden Kontrast für die Lesbarkeit.