Countdown-Banner (kompakt)

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

ThemeWare® "Countdown-Banner (kompakt)"

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.

Wichtig: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.

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.

Tipp: Verlinke den Button mit deiner Newsletter-Anmeldung-Seite oder mit dem Scroll-Anker #newsletterSubscription vom ThemeWare® Newsletter Footer-Widget.

2. Sale-Phase

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

Tipp: Verlinke den Button zu einer Sale-Kategorie oder -Landingpage.

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).

Layout

Im Tab "Layout" kannst du zusätzlich die Ausrichtung (justifyContent) und die maximale Breite des Contents konfigurieren.

SEO & Pagespeed

Im Tab "SEO & Pagespeed" kannst du den HTML-Tag für den Titel konfigurieren.

Erweitert

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.

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.

Tipp: Damit du das perfekte Hintergrundbild bauen kannst, findest du in den ThemeWare® Utilities eine PSD-Vorlagen für CMS-Elemente.

---

Textbausteine

• twt.cms.countdownBanner.days

• twt.cms.countdownBanner.hours

• twt.cms.countdownBanner.minutes

• twt.cms.countdownBanner.seconds