Countdown-Banner

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

Wichtig: 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.

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

Der "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" 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. Es öffnet sich das Pop-up "Element-Einstellungen"

  4. Nehme die gewünschten Änderungen vor

  5. Speichere deine Änderungen

Du hast das CMS-Element nun konfiguriert.


Konfiguration

Die Konfiguration vom "Countdown-Banner" ist recht selbsterklärend. Das Datum des Sales ("Sale von" und "Sale bis"), die Titel (der Vorlauf- und der Sale-Phase), das Bild und die "Minimale Höhe" sind Pflichtfelder. Mehr brauchst du genau genommen nicht konfigurieren.

Allgemein

Im Tab "Allgemein" konfigurierst du den Content des Elementes.

Sale

Im Abschnitt "Sale" legst du das Datum des Sales ("Sale von" und "Sale bis") fest. Wähle ein Datum für die Vorlauf- und ein Datum für die Sale-Phase aus, damit der Countdown für beide Phasen berechnet werden kann.

Text

Im Abschnitt "Text" kannst du Texte für die Vorlauf-Phase eingeben. Der Titel ist ein Pflichtfeld.

Text (Sale)

Im Abschnitt "Text (Sale)" kannst du Texte für die Sale-Phase eingeben. Der Titel ist ein Pflichtfeld.

Bild

Im Abschnitt "Bild" definierst du das Hintergrundbild des Banners. Das Bild und die "Minimale Höhe" (Standard: 300px) sind Pflichtfelder.

Im Abschnitt "Link" definierst du das Ziel des Buttons der Vorlauf-Phase. Wir empfehlen die Newsletter-Anmeldung zu verlinken (siehe oben).

Im Abschnitt "Link (Sale)" definierst du das Ziel des Buttons der Sale-Phase fest. Wir empfehlen eine entsprechende Sale-Kategorie zu verlinken (siehe oben).

Layout

Im Tab "Layout" hast du diverse Gestaltungsmöglichkeiten für den Text, die Buttons und ein Farb-Overlay.

Text

Im Abschnitt "Text" kannst du die Schriftart und Textfarbe jeweils für den Text, den Titel und den Untertitel konfigurieren.

Button

Im Abschnitt "Button" kannst du den Button-Stil (die Farbe) konfigurieren und festlegen ob der Button gefüllt oder als Outline-Button dargestellt werden soll.

Farb-Overlay

Im Abschnitt "Farb-Overlay" kann ein Farb-Overlay aktiviert und konfiguriert werden.

Counter

Im Tab "Counter" kannst du den Counter konfigurieren.

Layout

Im Abschnitt "Layout" kannst du die gewünschte Darstellungsart auswählen (siehe Darstellungsarten).

Zahlen

Im Abschnitt "Zahlen" kannst du die Schriftart und Textfarbe der Zahlen des Counters konfigurieren.

Labels

Im Abschnitt "Labels" kannst du die Schriftart und Textfarbe der Labels (Text unter den Zahlen) des Counters konfigurieren.


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


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


Demo

Anwendungsbeispiele findest du in unseren Demoshops:

Demo folgt...

Last updated

Logo

© 2024 by ThemeWare® | Made with 💙 by TC-Innovations GmbH