Zum Hauptinhalt springen Zur Suche springen Zur Hauptnavigation springen

Navigation Element

Kategorie Teaser

Mit diesem Element können Sie einen Kategorie-Teaser mit Hintergrundbild oder Hintergrundfarbe erstellen und einen Ziel-Link definieren. Zusätzlich lassen sich eine Überschrift sowie ein Button-Text festlegen. Eine optionale Beschreibung kann entweder dauerhaft angezeigt werden oder – gesteuert über eine Checkbox – nur beim Hover über das Element erscheinen. Die Positionierung von Überschrift und Beschreibung ist frei wählbar über ein Auswahlfeld (oben, mittig, unten sowie links, mittig, rechts). Über eine weitere Checkbox können Button und Beschreibung gemeinsam ausgeblendet werden. Das Bild wird mit einer minimalen Höhe eingebunden.

Um die Beschreibung einzublenden mit der Maus über das Bild hovern.

Überschrift des Teaser-Elements

Textinhalt des Teaser-Elements

KategorieLink

Hero Bild

Über ein Eingabefeld wird der Anzeigemodus des Elements festgelegt. Es kann entweder eine Mindesthöhe definiert oder die Darstellung auf die volle Höhe gesetzt werden. Bei Auswahl der vollen Höhe erhält das Bildelement die Eigenschaften height: 100vh sowie object-fit: cover, sodass das Bild den verfügbaren Bereich vollständig ausfüllt.