Der ThemeWare® "Countdown-Banner (kompakt)" ist ein "Sale" Banner-Element für deine Erlebniswelten.
Wichtig: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.
Der kompakte "Countdown-Banner" hat zwei Phasen:
Vorlauf-Phase
Sale-Phase
Die Vorlauf-Phase ist ein Countdown bis zum Beginn des eigentlichen Sales. Dadurch bietet sich die Möglichkeit für einen bevorstehenden Sale zu werben.
Die Sale-Phase ist ein Countdown bis zum Ende des entsprechenden Sales.
Nach Ablauf beider Phasen wird der Block per CSS ausgeblendet. Entferne es dann zum nächstmöglichen Zeitpunkt aus der entsprechenden Erlebniswelt.
Den ThemeWare® "Countdown-Banner (kompakt)" 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 vom "Countdown-Banner (kompakt)" ist recht selbsterklärend und entspricht dem "Countdown-Banner" (siehe ).
Im Tab "Layout" kannst du zusätzlich die Ausrichtung (justifyContent) und die maximale Breite des Contents konfigurieren.
Im Tab "SEO & Pagespeed" kannst du den HTML-Tag für den Titel 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.
Im Tab "Responsive" kannst du den "Umbruch" des Counters konfigurieren (siehe ).
Wähle den gewünschten Breakpoint aus. Der Banner wird ab diesem Viewport in einer Zeile dargestellt.
Derzeit stehen dir drei verschiedene Darstellungsarten (siehe Screenshots unten) für den Counter zur Verfügung:
Schlichter Countdown
Farbig hinterlegte Zahlen
Bunt hinterlegte Zähler
Wie du an der Vorschaugrafik vom "Countdown-Banner" erkennen kannst, ist es für die Lesbarkeit sinnvoll dem Text etwas "Raum" zu lassen.
twt.cms.countdownBanner.days
twt.cms.countdownBanner.hours
twt.cms.countdownBanner.minutes
twt.cms.countdownBanner.seconds
Nehme die gewünschten Änderungen vor
Speichere deine Änderungen
Tipp: Verlinke den Button mit deiner Newsletter-Anmeldung-Seite oder mit dem Scroll-Anker #newsletterSubscription vom ThemeWare® Newsletter Footer-Widget.
Tipp: Verlinke den Button zu einer Sale-Kategorie oder -Landingpage.
Tipp: Damit du das perfekte Hintergrundbild bauen kannst, findest du in den eine PSD-Vorlagen für CMS-Elemente.
