Nachricht
Das Widget Nachricht rendert eine einzelne Zeile, die die heutige Cutoff-Zeit mit dem erwarteten Versanddatum kombiniert. Es ist das kompakteste Widget — ein einzelner Satz mit einem optionalen Tooltip-Icon.
Standardtext
Abschnitt betitelt „Standardtext“🕖 Cut-Off Time: 02:00:00, ships Mon (i)Der Standard-Snippet (P2LabEstimatedDelivery.widget.message.text):
<strong>🕖Cut-Off Time:</strong> %cutoffTime%, ships %shippingMinDateName% %tooltip%Sie können ihn in der Tab Translation frei bearbeiten — Platzhalter behalten, entfernen oder umordnen. Die vollständige Liste finden Sie in Reference → Snippet-Variablen.
Konfiguration
Abschnitt betitelt „Konfiguration“Öffnen Sie Widget → Message. Verfügbare Felder:
| Feld | Zweck |
|---|---|
| Color | Textfarbe |
| Background color | Karten-Hintergrund |
| Padding | Inneres Padding (CSS, z. B. 10px oder 0.5rem 1rem) |
| Border size / color / radius / style | Standard-CSS-Rahmen-Eigenschaften |
| Font size | CSS-Einheit (px, em, rem, …) |
| Message | Snippet-Text — unterstützt HTML und Platzhalter |
| Skeleton background / shimmer dark / shimmer light | Farben des Loader-Skeletts |
Dieselbe Tab im Card Layout erlaubt das Ein-/Ausschalten der Nachricht (messageActive) und die Wahl ihrer Position relativ zu Uhr und Schritten (messagePosition).
Tooltip
Abschnitt betitelt „Tooltip“Der Nachrichtentext kann den Platzhalter %tooltip% enthalten, der durch ein kleines Icon ersetzt wird. Beim Überfahren erscheint der in der Tab Translation konfigurierte Tooltip text — standardmäßig:
Does not apply to holidaysDie Tooltip-Karte in der Tab Widget steuert sein Aussehen: Icon-Farbe, Icon-Hintergrund, Textfarbe und -Hintergrund, Schriftgröße, Min-/Max-Breite.
Platzhalter im Nachrichten-Snippet
Abschnitt betitelt „Platzhalter im Nachrichten-Snippet“| Platzhalter | Wird ersetzt durch |
|---|---|
%cutoffTime% | Formatierte Cutoff-Zeit mit dem Cutoff-time-Format (%hours% %transHours% …) |
%shippingMinDate% | Frühestes Versanddatum im gewählten Datumsformat |
%shippingMaxDate% | Spätestes Versanddatum im gewählten Datumsformat |
%deliveryMinDate% | Frühestes Lieferdatum im gewählten Datumsformat |
%deliveryMaxDate% | Spätestes Lieferdatum im gewählten Datumsformat |
%shippingMinDateName% | Frühestes Versanddatum als Wochentagsname (“Mon” / “today” / “tomorrow”) |
%shippingMaxDateName% | Dasselbe für das maximale Versanddatum |
%tooltip% | Das oben beschriebene Tooltip-Icon |
Beispiele
Abschnitt betitelt „Beispiele“Eine vertrauensbildende Warenkorb-Nachricht:
<strong>Jetzt bestellen</strong> und wir versenden bis <strong>%shippingMinDate%</strong>. Erwartete Lieferung %deliveryMinDate% – %deliveryMaxDate%.Ein kurzer Hinweis auf der Produktseite:
🚚 Versand %shippingMinDateName%, wenn Sie in den nächsten <strong>%cutoffTime%</strong> bestellen.Rein informativ (keine Dringlichkeit, kein Tooltip):
📦 Lieferung zwischen %deliveryMinDate% und %deliveryMaxDate%.