Instrukcja›Szablon COSMO

[im3] ⭐ Zamów do X a wyślemy jeszcze dzisiaj - test

Pasek odliczający czas do dzisiejszej wysyłki. Pokazuje komunikat „Zamów w ciągu …, a wyślemy jeszcze dzisiaj”, a po zakończeniu czasu przełącza się na komunikat zapasowy.

Miniatura modułu: [im3] ⭐ Zamów do X a wyślemy jeszcze dzisiaj - test

Do czego służy moduł?

Zamów do X, a wyślemy jeszcze dzisiaj to moduł informacyjny na karcie produktu, który pokazuje klientowi odliczanie do dzisiejszej godziny wysyłki.

Jeżeli klient zdąży złożyć zamówienie przed ustawioną godziną graniczną, widzi aktywny licznik. Gdy czas minie albo aktualny dzień nie obsługuje wysyłki, moduł przełącza się na komunikat zapasowy.

Konfigurator i wizualizacja

Jak skonfigurować moduł?

  1. Dodaj opcjonalną ikonkę modułu.
  2. Uzupełnij teksty: Informacja nr 1, Informacja nr 2 i Informacja nr 3.
  3. Ustaw godziny wysyłki od poniedziałku do soboty.
  4. Dopasuj marginesy, wielkość czcionki oraz dolne obramowanie.
  5. Zapisz moduł i sprawdź efekt na produkcie, który ma ustawioną dostawę 1 dzień.
Kiedy moduł pojawia się na stronie?

Zgodnie ze źródłowym Twig moduł jest renderowany tylko dla produktów, które mają ustawioną dostawę 1 dzień.

Najważniejsze pola

PoleZnaczenieEfekt
IkonkaOpcjonalna grafika po lewej stronie paska.Wyróżnia komunikat wizualnie.
Informacja nr 1Tekst przed licznikiem.Np. „Zamów w ciągu”.
Informacja nr 2Tekst uzupełniający przy liczniku.Np. „a wyślemy jeszcze dzisiaj!”.
Informacja nr 3Treść po czasie lub w dni bez wysyłki.Pokazuje komunikat zapasowy.
Godziny wysyłekGodzina graniczna dla każdego dnia.Wpływa na aktywność licznika.
Wyśrodkuj treśćCentruje zawartość paska.Zmienia układ komunikatu.

Ważne uwagi

  • Skrypt odświeża licznik co 1 sekundę.
  • W niedzielę oraz w święta stałe moduł pokazuje komunikat zapasowy.
  • Jeżeli dla danego dnia ustawisz godzinę graniczną i bieżąca godzina jej jeszcze nie przekroczyła, w podglądzie zobaczysz aktywne odliczanie.
  • Jeżeli produkt nie ma dostawy 1 dzień, moduł nie zostanie wyrenderowany.

Szczegóły techniczne

Źródłowy skrypt inicjalizuje elementy .delivery-time i przy ponownym załadowaniu widoku Storefront czyści poprzedni timer, a następnie uruchamia go ponownie. Dzięki temu licznik nie duplikuje się po przeładowaniach sekcji.