Komunikat
Widget Komunikat renderuje jedną linijkę łączącą dzisiejszy cut-off z oczekiwaną datą nadania. To najbardziej kompaktowy z trzech widgetów — jedno zdanie z opcjonalną ikoną tooltipa.
Domyślny tekst
Dział zatytułowany „Domyślny tekst”🕖 Cut-Off Time: 02:00:00, ships Mon (i)Domyślny snippet (P2LabEstimatedDelivery.widget.message.text):
<strong>🕖Cut-Off Time:</strong> %cutoffTime%, ships %shippingMinDateName% %tooltip%Możesz dowolnie edytować go w zakładce Translation — zachowaj, usuń lub przestaw dowolny placeholder. Pełna lista w Reference → Snippet variables.
Konfiguracja
Dział zatytułowany „Konfiguracja”Otwórz Widget → Message. Dostępne pola:
| Pole | Zastosowanie |
|---|---|
| Color | Kolor tekstu |
| Background color | Tło karty |
| Padding | Padding wewnętrzny (CSS, np. 10px lub 0.5rem 1rem) |
| Border size / color / radius / style | Standardowe właściwości CSS ramki |
| Font size | Jednostka CSS (px, em, rem, …) |
| Message | Tekst snippetu — wspiera HTML i placeholdery |
| Skeleton background / shimmer dark / shimmer light | Kolory skeleton loadera |
Ta sama zakładka w karcie Layout pozwala włączyć/wyłączyć komunikat (messageActive) i wybrać jego pozycję względem zegara i kroków (messagePosition).
Tooltip
Dział zatytułowany „Tooltip”Tekst komunikatu może zawierać placeholder %tooltip%, który jest zastępowany małą ikoną. Najechanie na nią pokazuje tooltip text skonfigurowany w zakładce Translation — domyślnie:
Does not apply to holidaysKarta tooltipa w zakładce Widget kontroluje jego wygląd: kolor ikony, tło ikony, kolor tekstu, tło tekstu, font size, min/max szerokość.
Placeholdery dostępne w snippet komunikatu
Dział zatytułowany „Placeholdery dostępne w snippet komunikatu”| Placeholder | Zastąpione przez |
|---|---|
%cutoffTime% | Sformatowany cut-off w formacie z karty Cutoff time (%hours% %transHours% …) |
%shippingMinDate% | Najwcześniejsza data wysyłki w wybranym formacie |
%shippingMaxDate% | Najpóźniejsza data wysyłki w wybranym formacie |
%deliveryMinDate% | Najwcześniejsza data dostawy w wybranym formacie |
%deliveryMaxDate% | Najpóźniejsza data dostawy w wybranym formacie |
%shippingMinDateName% | Najwcześniejsza data wysyłki jako nazwa dnia (“pn” / “dziś” / “jutro”) |
%shippingMaxDateName% | To samo dla maksymalnej daty wysyłki |
%tooltip% | Ikona tooltipa opisana wyżej |
Przykłady
Dział zatytułowany „Przykłady”Komunikat budujący pewność w koszyku:
<strong>Zamów dziś</strong> a wysyłamy do <strong>%shippingMinDate%</strong>. Oczekiwana dostawa %deliveryMinDate% – %deliveryMaxDate%.Krótki hint na karcie produktu:
🚚 Wysyłka %shippingMinDateName%, jeśli zamówisz w ciągu <strong>%cutoffTime%</strong>.Czysto informacyjna nota (brak pilności, brak tooltipa):
📦 Dostawa między %deliveryMinDate% a %deliveryMaxDate%.