Ein dichtes Raster aus Einzelbildern. Je Bild sind nur ein Titel und ein interner Link möglich — bewusst kein Fließtext. Der Titel wird nicht als Bildunterschrift ausgegeben, sondern dient als Beschriftung des Links für Screenreader. Gedacht für Logo- und Partner-Raster, Objekt- oder Zimmer-Thumbnails und Bild-Teaser, die auf Unterseiten führen.
Die sechs Kacheln hier verlinken auf die übrigen Katalogseiten.
Sobald je Kachel ein Textkörper dazukommt, ist imageWithTextEntries das richtige Element; für eine reine Lightbox-Galerie gallery.
Karten-Raster, bei dem jede Karte aus Bild, Titel, Kurztext und wahlweise Icons und einem Link besteht. In variant-1 liegt die Textbox als eigener Block beim Bild; ihre Position (links, rechts, oben, unten) und Breite sind einstellbar.
Jede Karte ist eine eigene Repeater-Zeile: Der Redakteur legt sie im Backend an, sortiert sie per Drag & Drop und löscht sie wieder. Genau das unterscheidet das Element von nachgebautem HTML.
Wie viele Karten nebeneinander stehen, ist je Geräteklasse einstellbar (max-1 bis max-6). Diese Instanz zeigt drei Karten am Desktop, zwei auf dem Tablet und eine auf dem Handy.
Nur Bild und Titel ohne Textkörper? Dann imageEntries. Icon statt Foto? Dann features oder promoEntries. Ein einzelner Bild-Text-Block statt eines Rasters? Dann twoColumnImageWithText.
Exakt dasselbe Element mit denselben Feldern — nur die Variante ist auf variant-2 gestellt. Die Textbox sitzt hier über dem Bild statt daneben; Höhe und vertikale Ausrichtung der Box sind eigene Einstellungen.
Ein Blick auf beide Varianten untereinander zeigt, dass die Wahl der Variante eine reine Einstellung ist und keine Umarbeitung der Inhalte verlangt.
Jede Karte ist eine eigene Repeater-Zeile: Der Redakteur legt sie im Backend an, sortiert sie per Drag & Drop und löscht sie wieder. Genau das unterscheidet das Element von nachgebautem HTML.
Wie viele Karten nebeneinander stehen, ist je Geräteklasse einstellbar (max-1 bis max-6). Diese Instanz zeigt drei Karten am Desktop, zwei auf dem Tablet und eine auf dem Handy.
Nur Bild und Titel ohne Textkörper? Dann imageEntries. Icon statt Foto? Dann features oder promoEntries. Ein einzelner Bild-Text-Block statt eines Rasters? Dann twoColumnImageWithText.
Teaser-Karten mit Bild oder Icon, Titel, Kurzbeschreibung und Link. Anders als imageWithTextEntries bringt promoEntries getrennte Bilder für Desktop, Tablet und Mobil mit sowie Hover-Effekte (Bild vergrößern, Hintergrund einfärben).
Typisch für Service-Kacheln und Themen-Teaser, die auf Detailseiten führen.
Die Karte trägt ein eigenes Hauptbild. Für Tablet und Mobil kann je ein abweichender Bildausschnitt hinterlegt werden.
Statt eines Fotos lässt sich je Karte ein Icon setzen; dessen Größe steuert eine Einstellung von icon-tiny bis icon-huge.
Reines Icon-Label-Raster ohne Teaser-Charakter? Dann features. Nur Bild und Titel? Dann imageEntries. Kennzahlen? Dann facts.
News- und Blog-Karten mit Bild, Datum, Titel, Subüberschrift und Kurztext. Die Einträge lassen sich nach Datum auf- oder absteigend sortieren.
Je Eintrag sind ein Anfangs- und ein Enddatum hinterlegbar. Außerhalb dieses Fensters verschwindet die Karte automatisch — praktisch für Aktionen und Termine.
Titel, Subüberschrift, Datum und Link lassen sich je Element per Einstellung ausblenden. Soll dieselbe Liste auf einer anderen Seite als Vorschau erscheinen, übernimmt das newsEntriesInclude.
Je Eintrag sind ein Anfangs- und ein Enddatum hinterlegbar. Außerhalb dieses Fensters verschwindet die Karte automatisch — praktisch für Aktionen und Termine.
