Instrukcja›Szablon Tulio

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

Moduł prezentuje cykliczne promocje produktów z licznikiem, galerią oraz konfigurowalną rotacją dzienną, tygodniową lub miesięczną.

Okazja Dnia / Tygodnia / Miesiąca — instrukcja obsługi

Okazja Dnia / Tygodnia / Miesiąca PRO pokazuje promocyjny produkt z galerią, ceną i licznikiem końca oferty. Wybierasz produkty, sposób rotacji i wygląd promocji, a sklep przedstawia aktualną okazję klientom.

✦
Korzyści
Najważniejsze rzeczy, które zyskujesz po wdrożeniu modułu.
◷
Promocje zmieniają się automatycznie

Ustal rotację według pełnych dni, tygodni lub miesięcy, bez ręcznego przełączania produktów. Możesz również wybrać cykl obejmujący kilka kolejnych okresów.

▤
Własna lista produktów promocyjnych

Zbuduj listę promocji z wybranych produktów albo skorzystaj z dostępnego źródła produktów dnia. Dla poszczególnych produktów ustawisz również osobne zakresy dat.

◴
Licznik końca okazji

Pokaż klientowi czas pozostały do zakończenia aktualnej oferty. Kolory cyfr, podpisy, obramowania i wielkości możesz dopasować do wyglądu sklepu.

▣
Rozbudowana galeria produktu

Pokaż zdjęcia obok treści oferty w układzie z galerią po prawej. Skonfiguruj liczbę widocznych zdjęć, nawigację oraz wygląd osobno dla urządzeń.

✓
Obsługa wyprzedanych produktów

Zdecyduj, co ma się stać, gdy produkt stanie się niedostępny. Możesz pokazać informację o wyprzedaniu i wyszarzyć produkt albo wybrać inne dostępne działanie.

✧
Wygląd dopasowany do sklepu

Dopasuj kolorystykę, nagłówek, przycisk, tło i odstępy. Dla tła możesz ustawić osobne obrazy na komputer i urządzenia mobilne.

Najważniejsze możliwości modułu
  • rotacja dzienna, tygodniowa i miesięczna, także co kilka okresów,
  • lista produktów z opcjonalnymi indywidualnymi zakresami dat,
  • licznik i konfigurowalne komunikaty,
  • różne działania dla niedostępnych produktów,
  • galeria zdjęć po prawej, nawigacja i opcje responsywne,
  • ustawienia kolorów, tła, przycisku i typografii.
Szybki start

Wybierz źródło produktów, dodaj produkty do listy (jeśli używasz listy ręcznej), ustaw tryb rotacji i datę rozpoczęcia. Następnie dostosuj licznik, galerię oraz kolory.

01
Nagłówek i komunikaty
Zmień teksty, które widzi klient w aktualnej ofercie.
Tutaj edytujesz tylko teksty widoczne przy okazji: główny nagłówek, opcjonalny opis, komunikat nad licznikiem oraz etykietę dla niedostępnego produktu. Pozostałe elementy podglądu zostały celowo zneutralizowane jako template, aby łatwo ocenić samą warstwę komunikatów.
02
Źródło produktów i dostępność
Wybierz produkty i sposób prezentacji niedostępnych pozycji.
W tej sekcji ustawiasz źródło produktów, liczbę pobieranych pozycji dla produktów dnia oraz sposób zachowania modułu po wyprzedaniu produktu. Same produkty i ich daty konfigurujesz w repeaterze modułu po lewej stronie edytora Shopera.
Własne zakresy dat

W repeaterze produktu zaznacz „Użyj własnego zakresu dat”. Data początkowa obejmuje godzinę 00:00, a końcowa cały wskazany dzień. Dane produktów w podglądzie są przykładowe, nie są pobierane z Twojego sklepu.

03
Harmonogram rotacji
Ustal tryb zmiany produktu i pełne okresy promocji.
Tryb okresowy zmienia produkt według pełnych dni, tygodni lub miesięcy. Możesz też użyć własnych zakresów dat, rotacji po wyprzedaniu albo wyświetlać zawsze pierwszą pozycję z listy. Po zakończeniu listy zdecyduj, czy moduł ma wrócić na początek, zatrzymać ostatni produkt czy się ukryć.
04
Licznik czasu
Pokaż odliczanie i dostosuj jego wygląd.
W podglądzie eksponujemy działający licznik. Pozostałe części modułu są tylko neutralnym tłem, aby łatwiej ocenić wielkość cyfr, kolor pól, obramowanie i podpisy jednostek czasu.
05
Galeria i nawigacja
Ustaw galerię po prawej, liczbę zdjęć oraz strzałki.
W tej sekcji pokazujemy przede wszystkim prawą kolumnę galerii. Lewa strona oferty została uproszczona do template, żeby skupić się na szerokości galerii, wysokości zdjęć, odstępach miniaturek i wyglądzie strzałek.
Ustawienia urządzeń

W grupie „Ustawienia osobno dla urządzeń” możesz wybrać układ galerii, dopasowanie zdjęć, liczbę widocznych miniaturek, szerokość kolumny oraz paddingi właściwe dla konkretnego urządzenia. Nie przenoś ustawień jednego widoku na drugi bez sprawdzenia ich wartości.

06
Wygląd modułu i przycisku
Zmień kolory, odstępy, nagłówek i przycisk.
Tutaj podgląd reaguje na główne ustawienia wyglądu: tło modułu, promień, padding oraz wygląd przycisku i nagłówka. Pozostałe parametry stylistyczne, które nie mają osobnej wizualizacji LIVE, są opisane przy polach pomocy w CRM.
07
Dodatkowe ustawienia
Poznaj pozostałe dostępne opcje modułu.

W edytorze modułu znajdują się także: waga i wyrównanie nagłówka, style podtytułu, nazwy i ceny produktu, kolory hover przycisku, obramowania miniaturek, grafiki tła desktop/mobile z nakładką oraz szczegółowe opcje responsywne. Wszystkie te wartości są dostępne bezpośrednio w konfiguracji Shoper.

Uwaga: podglądy tej instrukcji korzystają z neutralnych przykładowych danych. Zapis demonstracji nie zastępuje zapisania konfiguracji modułu w sklepie.

Szybka checklista
Sprawdź najważniejsze elementy przed opublikowaniem promocji.
  • Sprawdź wyświetlanie modułu na komputerze i telefonie oraz pozostałych obsługiwanych urządzeniach.
  • Upewnij się, że wybrane źródło produktów zwraca właściwe promocje i że nie brakuje ich zdjęć.
  • Sprawdź datę startu, tryb rotacji oraz zachowanie po wyświetleniu ostatniego produktu.
  • Sprawdź, czy licznik pokazuje właściwy koniec promocji, a komunikaty mają poprawne polskie treści.
  • Przetestuj galerię po prawej stronie: liczbę zdjęć, nawigację i rozmieszczenie strzałek.
  • Sprawdź wygląd wyprzedanego produktu, działanie przycisku i konfigurację na urządzeniach mobilnych.