Vier Hero-Layout-Varianten in tx_heroitem_layout (center, start, end, full) und sechs Hintergrund-Stile in tx_heroitem_bg_style. Plus: Header-Layout-Varianten via Site-Settings.
Layout: center
Zentrierter Text auf Hintergrund-Image. Default-Variante für klassische Marketing-Heros.
ERROR: Content Element with uid "744" and type "heroitem" has no rendering definition!
Layout: start
Split: Text in der linken Spalte, Bild rechts. Empfohlen für Produkt-Hero und Landingpages mit klarem Visual.
ERROR: Content Element with uid "746" and type "heroitem" has no rendering definition!
Layout: end
Split umgedreht: Bild links, Text rechts. Asymmetrische Variante für Storytelling-Heros.
ERROR: Content Element with uid "748" and type "heroitem" has no rendering definition!
Layout: full
Vollbild-Overlay — Text in einer großzügigen Spalte über dem Hintergrund. Für Premium-Inszenierung mit großzügigem Bildanteil.
ERROR: Content Element with uid "750" and type "heroitem" has no rendering definition!
Hintergrund-Stile
Das Feld tx_heroitem_bg_style bietet sechs Stile, die mit jedem Layout kombiniert werden können — von vollflächigem Bild bis zum dunklen Solid-Panel.
ERROR: Content Element with uid "752" and type "heroitem" has no rendering definition!
ERROR: Content Element with uid "753" and type "heroitem" has no rendering definition!
ERROR: Content Element with uid "754" and type "heroitem" has no rendering definition!
ERROR: Content Element with uid "755" and type "heroitem" has no rendering definition!
ERROR: Content Element with uid "756" and type "heroitem" has no rendering definition!
ERROR: Content Element with uid "757" and type "heroitem" has no rendering definition!
Header-Stile
Der Page-Header (Logo + Hauptnavigation) ist in vier Grund-Stilen konfigurierbar. Schaltbar über Site-Settings navigation.main.menuType in Kombination mit header.layout.
Standard — Logo links, Navigation rechts
Logo
Inhalt
Anwendung: Klassisches Corporate-Layout. Default-Variante.
Centered — Logo zentriert, Navigation darunter
Logo
Inhalt
Anwendung: Editorial, Magazine, Verlage. Hohes Gewicht auf der Marke.
Transparent — über Hero gelegt, Logo + Navigation in Weiß
Logo
Hero-Bereich
Anwendung: Hero-fokussierte Sites — Header schwebt transparent über dem Hero, wird auf Scroll opak.
Sticky — bleibt beim Scrollen am oberen Rand
Logo
↓ Beim Scrollen bleibt der Header oben kleben (mit Shadow).
Anwendung: Longread-Pages, OnePager mit langer Section-Index-Nav. Verbessert Erreichbarkeit der Navigation.
Konfiguration
Hero-Layout-Varianten werden pro CE über die Felder tx_heroitem_layout und tx_heroitem_bg_style gesteuert; Header-Stile global über Site-Settings:
tx_heroitem_layoutcenter, start, end, full
tx_heroitem_bg_styleimage-cover, image-decorative, gradient, solid-primary, solid-dark, default
tx_heroitem_color_invertedHellen Text auf dunklem BG aktivieren
heroButtons(inline)Foreign-Table-Records mit Label, Link, Variant (primary/light/outline), Icon
heroMetaItems(inline)Trust-Items unter den Buttons (Label + Icon)
navigation.main.menuTypeRendering-Engine der Hauptnav (smartmenus, bs5, mmenu)
header.layoutStandard / Centered / Transparent / Sticky
ERROR: Content Element with uid "1110" and type "herobuilder" has no rendering definition!
Variante: Minimal
ERROR: Content Element with uid "1112" and type "herobuilder" has no rendering definition!
Variante: Bild-Fokus
ERROR: Content Element with uid "1114" and type "herobuilder" has no rendering definition!
Variante: Countdown
ERROR: Content Element with uid "1116" and type "herobuilder" has no rendering definition!
Variante: Logo zentriert
ERROR: Content Element with uid "1118" and type "herobuilder" has no rendering definition!
Variante: Hero mit Text
ERROR: Content Element with uid "1120" and type "herobuilder" has no rendering definition!
Variante: Split Text/Bild
ERROR: Content Element with uid "1122" and type "herobuilder" has no rendering definition!
ERROR: Content Element with uid "1732" and type "heroitem-product" has no rendering definition!