Versand Countdown

Allgemeine Beschreibung

Das Versand-Countdown Widget erscheint auf der Produktdetailseite und informiert den Besucher über den Zeitpunkt des nächsten Versands. Es zeigt einen Countdown, der angibt, wie viel Zeit noch verbleibt, bis der nächste Versandprozess für das Produkt beginnt. Dieses direkte Informationsangebot motiviert Kunden, ihre Kaufentscheidung zu beschleunigen, um die Sendung zum nächstmöglichen Zeitpunkt zu erhalten. Indem es die Frist für den bevorstehenden Versand klar kommuniziert, hilft das Widget, die Kundenerwartungen hinsichtlich der Lieferzeit zu managen und fördert schnelle Kaufabschlüsse.

Featureübersicht

Widget auf allen Produktseiten

Auch als Portlet verfügbar

Möchtest Du es an mehreren Stellen auf der Produktseite platzieren, kannst Du das Widget ganz einfach per OnPage-Composer an der gewünschten Stelle platzieren.

Frei definierbare Versandzeiten

Definiere selbst an welchen Tagen und bis zu welcher Uhrzeit Bestellungen versendet werden. Auch Feiertage und andere versandfreie Tage lassen sich problemlos hinterlegen.

Anpassbarer Text

Passe den angezeigten Text ganz einfach per Sprachvariable an.

Anpassbare Styles

Passe das Aussehen des Widgets nach Belieben an.

Verschiedene Einfügeoptionen

Entscheide selbst per CSS-Selektor an welcher Stelle das Widget auf der Produktdetailseite ausgespielt werden soll.

Settings

Funktionen

Entscheide, ob das Widget aktiv und automatisch an der per CSS-Selektor gewählten Stelle platziert werden soll.

DEBUG Modus aktivieren

boolean

Hier kannst du den DEBUG Modus aktivieren.

Deaktiviere diesen sobald dein Shop produktiv agiert.

Abgelaufener Countdown

select

Wähle hier was dargestellt werden soll, wenn der Countdown für den heutigen Tag abgelaufen ist.Optionen:

Widget ausblenden: Widget wird ausgeblendet und erst am nächsten Versandtag wieder eingeblendet
Alternativtext zeigen: Zeigt anstelle des Countdowns einen Alternativtext, der sich per JTL-Sprachvariable shipping_countdown_alt_text anpassen lässt
Nächstes Versanddatum ausgeben: Gibt anstelle des Countdowns das nächste Versanddatum aus
Countdown bis zum nächsten Versand: Widget zeigt einen Countdown bis zum nächsten Versandtag an

Sichtbarkeit

In diesem Bereich kannst du steuern, unter welchen Bedingungen das Widget im Onlineshop für deine Kunden sichtbar sein soll. Du kannst das Widget gezielt bei Produkten ausblenden, indem du dem Artikel das Funktionsattribut dzm_hide_shipping_countdown vom Typ Checkbox anhängst und die Checkbox aktivierst.

Nur bei Attribut sichtbar schalten

boolean

Wenn du diesen Schalter aktivierst, wird das Widget standardmäßig ausgeblendet und erscheint nur bei den Artikeln, die das entsprechende Funktionsattribut explizit zugewiesen haben.

Vorschau

Hier siehst du eine Vorschau des Widgets.

Demo Datum

datetime

Stelle hier ein Demo Datum ein, um zu testen wie das Widget für deine Besucher zur angegebenen Zeit ausgespielt wird.

Wir versenden… außer an folgenden Tagen

Wochentage

multi-select

Hake hier die Tage an, an denen du versendest. Neben dem jeweiligen Tag lässt sich die späteste Uhrzeit des jeweiligen Tages einstellen.

Region

select

Wähle hier eine passende Feiertags-Region, die für deinen Versand relevant ist. Über den Button “Feiertage aktualisieren” aktualisiert sich die Liste der Feiertage im Feld darunter.

Feiertage

multi-select

Wähle hier die Feiertage aus, an denen kein Versand erfolgt. Du kannst diese entweder über das Drop-Down-Menü wählen und einzeln “Hinzufügen” (Button) oder direkt “Alle hinzufügen” (Button).

Versandfreien Tag hinzufügen

date

Hier kannst du eigene versandfreie Tage hinzufügen. Wähle einfach das entsprechende Datum, vergebe rechts daneben einen passenden Namen (nur intern sichtbar) und füge den versandfreien Tag über den Button hinzu.

Styles

Icon bei laufendem Countdown

icon

Wähle hier ein passendes Icon für das Widget oder entferne es, wenn du kein Icon haben möchtest.

Farbe Icon Hauptwidget

color

Wähle die Farbe des Icons bei laufendem Countdown. Wenn du die Standardfarbe wählen willst, entferne die Farbe aus dem ColorPicker.

Icon bei abgelaufenem Countdown

icon

Wähle hier ein passendes Icon für das Widget bei abgelaufenem Countdown, wenn du kein Icon haben möchtest, entferne es einfach.

Farbe Icon bei abgelaufenem Countdown

color

Wähle hier die Farbe, die für das Icon beim abgelaufenen Countdown angezeigt werden soll.

Icon bei Alternativtext

icon

Wähle hier ein passendes Icon für das Widget, wenn ein Alternativtext angezeigt wird.

Farbe Icon Alternativtext

color

Wähle hier die Farbe, die für das Icon beim Alternativtext angezeigt werden soll.

Schreibstil des Countdowns

select

Wähle hier aus verschiedenen Schreibstilen für den Countdown. Die Vorschau zeigt die Änderungen sofort an, nachdem du unten rechts auf speichern gedrückt hast.Optionen:

Volltext: Zeigt den Countdown als vollständigen Text an
Kurz: Kompakte Darstellung des Countdowns
Digital: Digitale Uhranzeige
Digital mit Tagen: Digitale Uhranzeige mit zusätzlicher Tagesangabe
nur Enddatum anzeigen: Zeigt ausschließlich das Enddatum an
Unformatiert (für eigenes CSS): Ausgabe ohne Formatierung für individuelle CSS-Gestaltung
Unformatiert mit Tagen (für eigenes CSS): Ausgabe mit Tagen, ohne Formatierung für individuelle CSS-Gestaltung

Style des Hauptwidgets

select

Wähle einen Style für das Hauptwidget aus.Optionen:

Clean: Aufgeräumte, minimalistische Darstellung ohne Rahmen
Card: Widget wird als Karte mit Hintergrund dargestellt
Bordered: Widget mit sichtbarem Rahmen
Full: Widget erstreckt sich über die volle Breite
Alert Info: Darstellung als informativer Hinweis
Alert Warning: Darstellung als Warnhinweis
Alert Danger: Darstellung als Gefahrenhinweis
Alert Success: Darstellung als Erfolgshinweis

Für Profis: Du kannst ein eigenes Custom Template im Pluginordner anlegen und das Widget völlig frei gestalten. Erstelle dazu ein File unter:dzm_opc_salesbooster/Portlets/DZMObservers/DZMObservers_custom.tpl

Style des Widgets, wenn abgelaufener Timer

select

Wähle einen Style für das Widget, wenn der Timer abgelaufen ist.Optionen:

Clean: Aufgeräumte, minimalistische Darstellung ohne Rahmen
Card: Widget wird als Karte mit Hintergrund dargestellt
Bordered: Widget mit sichtbarem Rahmen
Full: Widget erstreckt sich über die volle Breite
Alert Info: Darstellung als informativer Hinweis
Alert Warning: Darstellung als Warnhinweis
Alert Danger: Darstellung als Gefahrenhinweis
Alert Success: Darstellung als Erfolgshinweis

Style des Widgets, wenn Alternativtext

select

Wähle einen Style für das Widget, wenn unter Funktionen > abgelaufener Countdown > Alternativtext anzeigen gewählt wurde.Optionen:

Clean: Aufgeräumte, minimalistische Darstellung ohne Rahmen
Card: Widget wird als Karte mit Hintergrund dargestellt
Bordered: Widget mit sichtbarem Rahmen
Full: Widget erstreckt sich über die volle Breite
Alert Info: Darstellung als informativer Hinweis
Alert Warning: Darstellung als Warnhinweis
Alert Danger: Darstellung als Gefahrenhinweis
Alert Success: Darstellung als Erfolgshinweis

Farbe des Countdowns

color

Färbt den Countdown. Wenn du die Standardfarbe wählen willst, entferne die Farbe aus dem ColorPicker.

Farbe des abgelaufenen Countdowns

color

Färbt den Text vor und hinter dem Countdown, wenn der Countdown abgelaufen ist. Wenn du die Standardfarbe wählen willst, entferne die Farbe aus dem ColorPicker.

Farbe des Textes vor und nach dem Countdown

color

Färbt den Text vor und nach dem Countdown. Wenn du die Standardfarbe wählen willst, entferne die Farbe aus dem ColorPicker.

Farbe des Texts, wenn Alternativtext verwendet wird

color

Nur notwendig wenn bei “Abgelaufener Countdown: Alternativtext anzeigen” ausgewählt ist. Wenn du die Standardfarbe wählen willst, entferne die Farbe aus dem ColorPicker.

Farbe des Texts, wenn abgelaufener Countdown verwendet wird

color

Nur notwendig wenn bei “Abgelaufener Countdown: Nächstes Versanddatum ausgeben” oder “Countdown bis zum nächsten Versand starten” ausgewählt ist. Wenn du die Standardfarbe wählen willst, entferne die Farbe aus dem ColorPicker.

Einfügeoptionen

Einfügemethode

select

Wähle aus verschiedenen Einfügemethoden, wie das Widget an den CSS-Selektor eingefügt werden soll.Optionen:

Anhängen: Hängt das Widget an den restlichen Inhalt an
Voranstellen: Stellt das Widget dem restlichen Inhalt voran
Vor dem Container: Fügt das Widget vor dem Container ein
Nach dem Container: Hängt das Widget an den Container an
Ersetzen: Ersetzt den restlichen Inhalt des Containers mit dem Widget

Selektor

string

default:"#dzm_shipping_countdown_container"

Wähle hier einen oder mehrere CSS Selektoren in die das Widget geladen wird. Du kannst mehrere Selektoren mit Komma (,) trennen. Der Standard Selektor fügt das Widget über der Lagerbestandsanzeige ein. Wenn du das Feld komplett leer lässt, wird das Widget nicht injiziert und du kannst es per Portlet einbinden wo du möchtest.

Textinhalt

Alle Textinhalte des Countdowns können über JTL-Sprachvariablen eingestellt werden. Folgende Sprachvariablen stehen zur Verfügung:

Sprachvariable	Beschreibung
`shipping_countdown_text_before`	Text vor dem Countdown
`shipping_countdown_text_after`	Text nach dem Countdown
`shipping_countdown_expired_text_before`	Text vor dem abgelaufenen Countdown
`shipping_countdown_expired_text_after`	Text nach dem abgelaufenen Countdown
`shipping_countdown_alt_text`	Alternativtext
`shipping_countdown_string_day`	”Tag” (Singular)
`shipping_countdown_string_days`	”Tage” (Plural)
`shipping_countdown_string_hour`	”Stunde” (Singular)
`shipping_countdown_string_hours`	”Stunden” (Plural)
`shipping_countdown_string_minute`	”Minute” (Singular)
`shipping_countdown_string_minutes`	”Minuten” (Plural)
`shipping_countdown_string_second`	”Sekunde” (Singular)
`shipping_countdown_string_seconds`	”Sekunden” (Plural)
`shipping_countdown_string_today`	”heute”
`shipping_countdown_string_tomorrow`	”morgen”
`shipping_countdown_string_until`	”bis”
`shipping_countdown_string_clock`	”Uhr”
`shipping_countdown_string_and`	”und”

Um das Widget als Portlet zu nutzen, muss das Widget in den Einstellungen aktiviert sein. Um zu vermeiden, dass es auf allen Produktseiten erscheint, muss der CSS-Selektor leer gelassen werden. Dadurch kann das Widget flexibel im OnPage-Composer (OPC) verwendet werden. Du kannst es per Drag & Drop an den gewünschten Mountpoints auf den jeweiligen Produktseiten platzieren.

Quickstart

Updates & Changelog

Portlets & Widgets

Allgemeine Beschreibung

Featureübersicht