Countdown-Banner (kompakt)

Der ThemeWare® "Countdown-Banner (kompakt)" ist ein "Sale" Banner-Element für deine Erlebniswelten.

ThemeWare® "Countdown-Banner (kompakt)"
circle-info

Hinweis: Das Element ist explizit für die Verwendung in seinem eigenen CMS-Block vorgesehen. Es ist nicht für die Nutzung in anderen CMS-Blöcken ausgelegt und lässt sich daher nicht austauschen bzw. in anderen Blöcken platzieren.

circle-exclamation

Der kompakte "Countdown-Banner" hat zwei Phasen:

  1. Vorlauf-Phase

  2. Sale-Phase

1. Vorlauf-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.

circle-check

2. Sale-Phase

Die Sale-Phase ist ein Countdown bis zum Ende des entsprechenden Sales.

circle-check

Sale beendet

Nach Ablauf beider Phasen wird der Block per CSS ausgeblendet. Entferne es dann zum nächstmöglichen Zeitpunkt aus der entsprechenden Erlebniswelt.


Element konfigurieren

Den ThemeWare® "Countdown-Banner (kompakt)" kannst du wie folgt konfigurieren:

  1. Klicke auf den entsprechenden CMS-Block (1) um den Bearbeitungsmodus zu aktivieren

  2. Fahre mit der Maus über das entsprechende CMS-Element

  3. Klicke auf das "Zahnrad"-Icon (2) um das CMS-Element zu konfigurieren

  4. Es öffnet sich das Pop-up "Element-Einstellungen"

  5. Nehme die gewünschten Änderungen vor

  6. Speichere deine Änderungen

Du hast das CMS-Element nun konfiguriert.

ThemeWare® "Countdown-Banner (kompakt)" konfigurieren

Konfiguration

Die Konfiguration vom "Countdown-Banner (kompakt)" ist recht selbsterklärend und entspricht dem "Countdown-Banner" (siehe Countdown-Banner).

Responsive

Im Tab "Responsive" kannst du den "Umbruch" des Counters konfigurieren (siehe Breakpoint).


Breakpoint

Wähle den gewünschten Breakpoint aus. Der Banner wird ab diesem Viewport in einer Zeile dargestellt.

Einzeilig / Zeilen-Ausrichtung
Umbrochen / Spalten-Ausrichtung

Darstellungsarten

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

Screenshots

Schlichter Countdown
Farbig hinterlegte Zahlen
Bunt hinterlegte Zähler

Bild (Hintergrundbild)

Wie du an der Vorschaugrafik vom "Countdown-Banner" erkennen kannst, ist es für die Lesbarkeit sinnvoll dem Text etwas "Raum" zu lassen.

circle-check

Textbausteine

  • twt.cms.countdownBanner.days

  • twt.cms.countdownBanner.hours

  • twt.cms.countdownBanner.minutes

  • twt.cms.countdownBanner.seconds


Demo

Anwendungsbeispiele findest du in unseren Demoshops:

Demo folgt...

Zuletzt aktualisiert

War das hilfreich?