[im3] ⭐ Okazja Dnia / Tygodnia / Miesiąca ⭐

Promocyjny moduł jednego produktu z galerią miniaturek i odliczaniem do końca dnia, tygodnia lub miesiąca.

Do czego służy moduł?

Moduł wyróżnia jeden wskazany produkt jako okazję dnia, tygodnia albo miesiąca. Pokazuje jego galerię, dane produktowe, opcjonalny licznik końca promocji oraz nagłówek z rabatem, jeśli produkt ma ofertę specjalną.

Szybka konfiguracja

W polu ID produktu wpisz produkt, który ma być promowany.
Ustaw nagłówek, np. „OKAZJA DNIA”.
Dobierz kolor ramki i maksymalny rozmiar zdjęcia.
Jeżeli chcesz pokazać licznik, pozostaw odliczanie włączone i wybierz koniec dnia, tygodnia albo miesiąca.

Jak liczy czas?

Dzień — do najbliższej północy. Tydzień — do niedzieli 23:59:59. Miesiąc — do końca ostatniego dnia bieżącego miesiąca. Przy tygodniu i miesiącu moduł dodatkowo pokazuje liczbę dni.

Konfigurator i podgląd na żywo

Po lewej znajduje się układ ustawień zgodny z panelem modułu Shoper. Po prawej możesz sprawdzić wpływ pól LIVE, działanie licznika oraz galerię z miniaturami.

Galeria produktu

Źródłowy moduł pobiera wszystkie zdjęcia wybranego produktu. Główne zdjęcie zajmuje szeroką kolumnę, a po prawej znajduje się pionowa lista miniaturek. Najazd lub kliknięcie miniatury przełącza widoczne zdjęcie. Jeżeli miniaturek jest więcej niż mieści się w kolumnie, JS dodaje nawigację góra/dół.

Ważne ograniczenia aktualnego kodu

Dwa pola kolorów są obecnie nieskuteczne

moduletitlefontcolor i modulehurryfontcolor istnieją w konfiguracji, ale aktualny Twig ich nie używa. Ich zmiana w SVE nie zmieni koloru tekstu, dopóki kod modułu nie zostanie poprawiony.

Szczegóły techniczne

Produkt jest pobierany przez ObjectApi.getProduct(product). Licznik działa w JS jako pojedynczy interwał odświeżany co sekundę i jest ponownie inicjalizowany po PageManager.loaded. Kolor ramki jest wymuszany na biały dla ekranów do 747 px. Pole rozmiaru zdjęcia steruje również wysokością pionowej galerii miniaturek.