Mit diesem Element kannst du ImageBasicTeaser in einer Liste ausgeben. Es ist auch möglich, alle Unterseiten einer bestimmten Seite als ImageBasicTeaser auszugeben.
Dieses Element kannst du einsetzen, wenn die entsprechenden Zielseiten ein Herobild haben. Dieses Bild muss in den Seiteneigenschaften der Zielseite gepflegt werden. Wenn kein Bild gepflegt ist, wird ein Fallbackbild angezeigt.
Wie bei den meisten Elementen kann auch hier übergreifend neben der Überschrift eine Unterüberschrift und ein Einleitungstext gepflegt werden.
Über den „Listen Heading Typ“ kann der Stil der Überschriften für die News Teaser bestimmt werden. Der Typ sollte nie höher sein, als der der Überschrift der Liste selbst. Wenn du die übergreifende Überschrift ausblendest, und der Listen Heading Typ auf „Standard Konvention“ steht, sind die Überschriften der Listen Elemente alle eine h2. Achte stets auf eine korrekte Semantik!
Hier steht die Unterüberschrift
Subpages of selected pages, Auto layout
Nur einer der Unterseiten der ausgewählten Seite „Heroes“ wurden ein Bilder hinzugepflegt, daher wird bei den anderen Teasern das Fallback-Image angezeigt. Es wurden aber überall Teasertexte und Unterüberschriften gepflegt.
Hero Variante 1
Hero ohne Bild oder Video
Hero für Standard-Seiten wie Impressum, Datenschutz etc.
Hero ohne Bild oder Video
Hero Variante 3
Hero mit Video und Badge
Typischer Hero für Baureihenseiten mit einem Extra-Störer.
Hero mit Video und BadgeWenn die übergreifende Überschrift des Elements verborgen ist wie in diesem Beispiel, und der Listen Heading Typ auf „Standard Konvention“ steht, werden die Überschriften der IconText Elemente automatisch zur h2.
Hero Variante 1
Hero ohne Bild oder Video
Hero für Standard-Seiten wie Impressum, Datenschutz etc.
Hero ohne Bild oder VideoHero Variante 3
Hero mit Video und Badge
Typischer Hero für Baureihenseiten mit einem Extra-Störer.
Hero mit Video und BadgeHier steht die Unterüberschrift
Subpages of selected pages, Auto layout
Den Unterseiten der ausgewählten Seite „Listen“ wurden Teasertexte hinzugepflegt. Durch das Auto layout werden die Teaser vierspaltig dargestellt.
BasicDescriptionList
Eine einfache Liste mit Keyfacts und optionalem Media-Element.
BasicDescriptionListHier steht die Unterüberschrift
Selected pages, 1 col large image right
So werden drei ausgewählte Teaser einspaltig untereinander dargestellt mit großem rechtsstehenden Bild. Sie laufen über 10 Rasterbreiten.
Hier steht die Unterüberschrift
Selected pages, 1 col large image left
So werden drei ausgewählte Teaser einspaltig untereinander dargestellt mit großem linksstehendem Bild.
Hier steht die Unterüberschrift
Selected pages, 1 col even image right
So werden drei ausgewählte Teaser einspaltig untereinander dargestellt mit rechtsstehenden Bild, das genauso breit ist wie der Textbereich.
Hier steht die Unterüberschrift
Selected pages, 1 col even image left
So werden drei ausgewählte Teaser einspaltig untereinander dargestellt mit linksstehenden Bild, das genauso breit ist wie der Textbereich.
Hier steht die Unterüberschrift
Selected pages, 2 cols
Die Teaser können auch zweispaltig aufgelistet werden. Auch dann laufen sie über 10 Rasterbreiten.
Hier steht die Unterüberschrift
Selected pages, 3 cols
Die Teaser können auch dreispaltig aufgelistet werden. Auch diese laufen über 10 Rasterbreiten.
Hier steht die Unterüberschrift
Selected pages, 4 cols
Die Teaser können auch vierspaltig aufgelistet werden. Dann laufen sie über 12 Rasterbreiten.
Hier steht die Unterüberschrift
Selected pages, 1 col large image right
So werden drei ausgewählte Teaser einspaltig untereinander dargestellt mit großem rechtsstehenden Bild. Sie laufen über 10 Rasterbreiten.
Hier steht die Unterüberschrift
Theme & Hintergrund „Dunkel Brand“
Die Liste kann natürlich auch im dunklen Theme dargestellt werden.
Hier steht die Unterüberschrift
Theme & Hintergrund „Hell Beachy“
Die Liste kann natürlich auch auf dem BEACHY Hintergrund dargestellt werden.