Der ThemeWare® "Hero-Countdown" ist ein "Sale" Banner der aus zwei Elementen besteht:
Hero-Countdown (Überschrift)
Diese Anleitung bezieht sich auf das Element "Hero-Countdown (Überschrift)". Für mehr Informationen zum Element "Countdown-Banner" schaue bitte in die folgende Anleitung: Countdown-Banner.
Wichtig: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.
Die ThemeWare® "Hero-Countdown (Überschrift)" kannst du wie folgt konfigurieren:
Klicke auf den entsprechenden CMS-Block (1) um den Bearbeitungsmodus zu aktivieren
Fahre mit der Maus über das entsprechende CMS-Element
Klicke auf das "Zahnrad"-Icon (2) um das CMS-Element zu konfigurieren
Es öffnet sich das Pop-up "Element-Einstellungen"
Du hast das CMS-Element nun konfiguriert.
Die Konfiguration für der "Hero-Countdown (Überschrift)" ist recht selbsterklärend. Die Headline und das Bild sind Pflichtfelder. Mehr brauchst du genau genommen nicht konfigurieren.
Im Tab "Allgemein" konfigurierst du den Content des Elementes.
Text
Im Abschnitt "Text" trägst du die gewünschte Überschrift ein. Die Überschrift ist ein Pflichtfeld.
Bild
Im Abschnitt "Bild" definierst du das Hintergrundbild des Banners. Das Bild ist ein Pflichtfeld. Zusätzlich kannst du die minimale Höhe (Pflichtfeld) und den Anzeigemodus (Cover/Contain) konfigurieren.
Im Tab "Layout" hast du diverse Gestaltungsmöglichkeiten für den Text und ein Farb-Overlay.
Text
Im Abschnitt "Text" kannst du die Schriftart und Textfarbe jeweils für die Überschrift konfigurieren. Zusätzlich kannst du die maximale Breite der Überschrift konfigurieren.
Farb-Overlay
Im Abschnitt "Farb-Overlay" kann ein Farb-Overlay aktiviert und konfiguriert werden.
Im Tab "SEO & Pagespeed" kannst du den HTML-Tag für die Überschrift sowie das "Lazy Loading" vom Bild konfigurieren.
Du kannst zwar jedes HTML-Element unserer Banner über passende CSS-Klassen selektieren, falls du eigene CSS-Klassen nutzen möchtest, kannst du diese im Tab "Erweitert" einfügen.
Wie du an der Vorschaugrafik vom "Hero-Countdown (Überschrift)" erkennen kannst, ist es für die Lesbarkeit sinnvoll dem Text etwas "Raum" zu lassen.
Nehme die gewünschten Änderungen vor
Speichere deine Änderungen
Tipp: Damit du das perfekte Hintergrundbild bauen kannst, findest du in den eine PSD-Vorlagen für CMS-Elemente.

