Das Hero-Element ist das erste Element einer Seite. Du pflegst dessen Inhalte einerseits über die Seiteneigenschaften. Weitere Inhalte können in der Seitenansicht im „Bereich zum Ergänzen des Hero-Elements“ gepflegt werden.
Wichtig: Das erste Element nach dem Hero muss immer in der „Hell Weiß“ Theme & Hintergrund Kombination gepflegt sein!
Auf dieser Seite:
Layout-Varianten
Für die Darstellung des Hero-Elements gibt es verschiedene Optionen, die du im Reiter „Erscheinungsbild“ bei den Seiteneigenschaften findest. Du kannst dort unter „Frontend-Layout“ wählen:
- Media Textarea top left
- Media Textarea top right
- Media Textarea bottom left
- Media Textarea bottom right
- Only Text, 6 col width
- Only Text, 10 col width
Solange kein Media-Element oder Video in den Seiteneigenschaften gepflegt wurde, werden die ersten vier Darstellungsoptionen ignoriert.
Wenn du auf der Seite kein Bild zeigen möchtest, aber das Bild für einen Teaser benötigst, kannst du eine der „Only Text“-Varianten anwenden. Je nachdem mit welcher Breite dein Inhalt beginnt, solltest du die entsprechend dazu passende Layout-Variante wählen.
Wenn ein Video oder ein Bild angezeigt wird, kannst du die Position der Textarea so bestimmen, dass möglichst wenig kritische Bildinhalte davon abgedeckt werden. Bitte prüfe das Hero-Element in allen möglichen Bildschirmbreiten!
Weitere Inhalte pflegen
Im „Bereich zum Ergänzen des Hero-Elements“ kannst du das Element „ContentHeroLinks“ hinzufügen. Dort kannst du einen Einleitungstext einfügen, der unterhalb der Überschrift ausgegeben wird. Pflege ihn unformatiert in den RTE ein. Du kannst hier allerdings auch Text hoch oder tief stellen.
Zusätzlich können „Link Elemente“ im Hero eingebunden werden. Das erste Element wird immer als primärer Button ausgegeben, alle folgenden als sekundäre Buttons. Gib zusätzlich zum Linkziel einen Linktext und das gewünschte Icon für den Button an. Wenn ein Hero-Element kein Bild oder Video zeigt, verzichte am besten auch auf Link Elemente - das sieht nicht besonders gut aus.
Wichtig: Auf normalen Contentseiten sollte möglichst nie mehr als ein Link Items im Hero gepflegt werden! Sei dir immer bewusst, dass CTAs im Hero-Element starke Aktions-Elemente sind - willst du wirklich die Besucher gleich wieder von der Seite führen? Du kannst mit dem Link Element allerdings auch auf besonders wichtige Seiteninhalte der Seite führen, wie dies z.B. bei den Baureihenseiten gemacht wird.
Hero auf der Startseite
Das StartpageHero Element ist nur auf der Startseite verfügbar, deshalb können wir es hier nicht als Beispiel abbilden. Es ist ähnlich zu pflegen wie der „Bereich zum Ergänzen des Hero-Elements“. Hier darfst du auch zwei Link Elemente pflegen, z.B. wenn einerseits auf die Konfiguration eines Modells aber auch auf die zugehörige Baureihe verwiesen werden soll. Die Konfiguration hat dabei immer Priorität und sollte als erstes Link Element verlinkt werden.
Beispiele
Hier findest du ein paar mögliche Hero-Darstellungen.