Countdown-Banner (kompakt)
Last updated
Was this helpful?
Last updated
Was this helpful?
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.
Tipp: Verlinke den Button mit deiner Newsletter-Anmeldung-Seite oder mit dem Scroll-Anker #newsletterSubscription vom ThemeWare® Newsletter Footer-Widget.
Die Sale-Phase ist ein Countdown bis zum Ende des entsprechenden Sales.
Tipp: Verlinke den Button zu einer Sale-Kategorie oder -Landingpage.
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
Es öffnet sich das Pop-up "Element-Einstellungen"
Nehme die gewünschten Änderungen vor
Speichere deine Änderungen
Du hast das CMS-Element nun konfiguriert.
Die Konfiguration vom "Countdown-Banner (kompakt)" ist recht selbsterklärend und entspricht dem "Countdown-Banner" (siehe Countdown-Banner).
Im Tab "Responsive" kannst du den "Umbruch" des Counters konfigurieren (siehe Breakpoint).
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
Anwendungsbeispiele findest du in unseren Demoshops:
Demo folgt...
Klicke auf das "Zahnrad"-Icon (2) um das CMS-Element zu konfigurieren
Tipp: Damit du das perfekte Hintergrundbild bauen kannst, findest du in den eine PSD-Vorlagen für CMS-Elemente.
