Opis szablonu avant

Dodatkowe funkcje UX dla szablonu AVANT: sticky menu, przycisk powrotu do góry, rozwijalne opisy kategorii i drag-scroll filtrów.

Nawigacja po sklepie jest płynniejsza, gdy menu zawsze jest w zasięgu, filtry dają się łatwo przewijać, a na długich listingach można wygodnie wrócić na górę.

Moduł Funkcje szablonu zbiera w jednym miejscu dodatkowe usprawnienia UX wbudowane w szablon AVANT, które można włączyć lub wyłączyć bez edytowania kodu.

Moduł to panel sterowania dla globalnych funkcji UX szablonu AVANT Storefront. Działa automatycznie na wszystkich stronach sklepu po włączeniu wybranych opcji.

• tło pod pozycjami menu głównego z podmenu po najechaniu kursorem,
• przyklejone menu (sticky) osobno dla desktopu i mobile,
• przycisk powrotu do góry strony (prosta wersja wbudowana w szablon),
• rozwijalne opisy kategorii z regulacją wysokości widocznej sekcji,
• drag-scroll paska filtrów poziomych (domyślnie włączone),
• drag-scroll listy podkategorii (domyślnie włączone),
• drag-scroll paska aktywnych filtrów (domyślnie włączone),
• przyklejony pasek aktywnych filtrów z automatycznym wykrywaniem offsetu sticky menu,
• zwijane pole kuponu rabatowego w koszyku (działa w koszyku i w procesie zamówienia), z tekstem przycisku do przetłumaczenia.

Najczęściej zadawane pytania (FAQ)

Czym różni się ten moduł od dedykowanych modułów Back to top i Expandable descriptions?
Ten moduł oferuje podstawową wersję obu funkcji - bez konfiguracji kolorów, ikon ani animacji. Dedykowane moduły dają pełną kontrolę nad wyglądem. Przy korzystaniu z dedykowanych modułów odpowiednie opcje tutaj należy wyłączyć.

Czy drag-scroll filtrów działa też na mobile?
Tak - drag-scroll działa zarówno na desktopie (przeciąganie myszką), jak i na mobile (przeciąganie palcem).

Co to jest przyklejony pasek aktywnych filtrów?
Gdy włączone, pasek z aktywnymi filtrami jest przyklejony na górze strony podczas scrollowania - klient widzi aktywne filtry i może je szybko usunąć bez wracania na górę listingu. Moduł automatycznie wykrywa wysokość sticky menu, by pasek go nie nakrywał.

Gdzie działa zwijane pole kuponu?
Funkcja działa zarówno w standardowym podsumowaniu koszyka, jak i w podsumowaniu na stronie procesu zamówienia (checkout) - pole kuponu jest domyślnie schowane, a klient rozwija je jednym kliknięciem przycisku. Tekst przycisku (pokazania i ukrycia) można przetłumaczyć dla każdego języka sklepu w konfiguracji modułu.

Moduł dostępny tylko w szablonie Avant.

Wyświetla linki do profili społecznościowych z ikonami. Obsługuje Facebook, Instagram, X (Twitter), YouTube, TikTok, Pinterest, Messenger, WhatsApp, Telegram i do 10 własnych ikon.

Moduł wyświetla blok ikon z linkami do profili społecznościowych:

• Opcjonalny tytuł przed ikonami z możliwością wyświetlenia nad lub obok ikon,
• Wyśrodkowanie tytułu i ikon,
• 9 gotowych ikon platform: Facebook, Instagram, Twitter/X, YouTube, TikTok, Pinterest, Messenger, WhatsApp, Telegram,
• Ikona pojawia się tylko gdy jest podany link - nieużywane platformy są automatycznie ukrywane,
• Podmiana każdej domyślnej ikony własną grafiką (SVG, PNG, WebP, JPG),
• Repeater dodatkowych ikon - do 10 własnych platform z własną ikoną i linkiem.

Moduł możesz kupić w sklepie AppStore

Slider banerów z pełną konfiguracją: pasek postępu, nawigacja, paginacja, licznik, pełna szerokość ekranu, autoplay i własny tytuł z treścią WYSIWYG nad sliderami

Moduł wyświetla slider banerów z szeroką konfiguracją:

• Opcjonalny tytuł i treść WYSIWYG nad sliderem z wyśrodkowaniem,
• Lista slajdów z obrazkami - dodajesz dowolną liczbę slajdów przez imageList,
• Dwa style slidera: "One slide with margins" (widoczne fragmenty sąsiednich slajdów) lub "One slide without margins" (pełnoekranowy),
• Tryb pełnej szerokości ekranu,
• Pasek postępu (u góry lub u dołu slidera),
• Strzałki nawigacyjne (poprzedni/następny),
• Paginacja (kropki),
• Licznik slajdów (np. "2/5"),
• Autoplay z konfigurowalnym czasem wyświetlania slajdu i czasem animacji,
• Możliwość dodania własnej klasy CSS.

Moduł możesz kupić w sklepie AppStore

Rozbudowany formularz zapisu do newslettera z własnym tłem, wyśrodkowaniem, podmianą ikony przycisku i opcjonalnym checkboxem akceptacji. Uzupełnia i zastępuje standardowy moduł newslettera Shopera

Formularz zapisu do newslettera to jeden z ważniejszych elementów budowania relacji z klientami. Moduł pozwala zaprezentować go atrakcyjniej niż standardowy widget Shopera - z własnym tłem graficznym, wyśrodkowanym układem i spersonalizowanym przyciskiem.

Efektywna sekcja newslettera zwiększa liczbę zapisów i tym samym powiększa bazę klientów do komunikacji marketingowej.

Moduł rozbudowuje standardowy formularz newslettera Shopera o dodatkowe opcje wyglądu:

• Własny tytuł modułu i opcjonalny opis pod tytułem,
• Wyśrodkowanie całego bloku newslettera,
• Tło graficzne bloku (SVG, PNG, WebP, JPG) - własne zdjęcie lub grafika,
• Wybór jasnego lub ciemnego tła - automatyczna zmiana koloru czcionki dla czytelności,
• Tryb pełnej szerokości ekranu dla tła,
• Własny tekst przycisku zapisu lub podmiana tekstu na ikonę (SVG, PNG, WebP, JPG),
• Edytowalny tekst informacji prawnych (nota o przetwarzaniu danych),
• Opcjonalny checkbox akceptacji zamiast statycznego tekstu informacji prawnych,
• Obsługa tłumaczeń PL/EN dla tytułu, opisu, tekstu przycisku i informacji prawnych.

Moduł możesz kupić w sklepie AppStore

Wyświetla sekcję ikon z opisami - ikona nad tekstem lub ikona obok tekstu. Konfigurowana liczba elementów w wierszu dla każdej rozdzielczości, własny nagłówek i treść WYSIWYG.

Sekcja korzyści z ikonami to jeden z najważniejszych elementów strony sklepu - w kilku punktach komunikuje dlaczego warto tu kupić: darmowa dostawa, bezpieczne płatności, szybka wysyłka, łatwy zwrot. Ikonki sprawiają że treść jest szybciej przyswajana niż sama lista tekstowa.

Moduł pozwala zbudować taką sekcję dowolną liczbą elementów z własnymi ikonami i opisami. Wyświetla sekcję z ikonami i opisami w elastycznym układzie.

• Opcjonalny nagłówek sekcji nad listą elementów,
• Dodatkowa treść z edytora WYSIWYG nad lub pod listą elementów,
• Wyśrodkowanie zawartości lub wyrównanie do lewej,
• Repeater elementów - dowolna liczba ikon z opisami (od 1 do 10),
• Każdy element: własna ikona (SVG, PNG, WebP, JPG) i opis tekstowy,
• Dwa układy: ikona nad tekstem lub ikona obok tekstu,
• Konfigurowana liczba elementów w wierszu osobno dla desktop, laptop, tablet i mobile (opcje 1-6).

Moduł możesz kupić w sklepie AppStore

Wyświetla blok treści z edytora WYSIWYG ze zwijaniem i rozwijaniem. Własna wysokość widocznej części, własne teksty przycisków i opcjonalna ikona.

Długie bloki tekstowe na stronach sklepu wydłużają stronę i zniechęcają do scrollowania. Moduł pozwala skrócić widoczną część treści - klient widzi najważniejszy fragment i może kliknąć "Pokaż więcej" jeśli chce przeczytać całość. To wygodniejsze dla klienta i korzystniejsze dla SEO.

Moduł zarządza widocznością bloków treści WYSIWYG:

• Opcjonalny nagłówek modułu nad treścią,
• Treść z edytora WYSIWYG - dowolny HTML, tabele, listy, formatowanie tekstu,
• Konfigurowana wysokość widocznej części treści (px) przed rozwinięciem,
• Własny tekst przycisku rozwijania (np. "Czytaj więcej") i zwijania (np. "Zwiń"),
• Opcjonalna ikona przy przycisku - przywraca się po kliknięciu przycisku,
• Obsługa tłumaczeń PL/EN dla treści, nagłówka i tekstów przycisków,
• Możliwość dodania własnej klasy CSS.

Moduł możesz kupić w sklepie AppStore

Dodaje sekcję pod standardową stopką sklepu: tekst SEO, ikony płatności i dostaw, prawa autorskie z aktualnym rokiem i nazwą sklepu.

Klienci przed zakupem szukają informacji o dostępnych metodach płatności i dostawy. Ikony znanych operatorów widoczne w stopce budują zaufanie i redukują obawy zakupowe - klient od razu wie, że może zapłacić kartą, BLIKiem lub skorzystać z InPostu.

Moduł dodaje tę sekcję pod istniejącą stopką sklepu bez modyfikowania jej struktury. Rozbudowuje obszar pod standardową stopką o kilka niezależnych elementów:

• Własna treść tekstowa - dowolny tekst (np. informacje SEO, krótki opis sklepu) wyrównany do lewej lub wyśrodkowany,
• Ikony płatności - gotowe ikony 15 operatorów: Apple Pay, Google Pay, BLIK, Visa, MasterCard, PayPo, PayPal, mBank Paynow, mBank Raty, eService, Autopay, Przelewy24, Tpay, PayU, Klarna,
• Ikony dostaw - gotowe ikony 12 przewoźników: InPost paczka, InPost kurier, Orlen paczka, DHL, DPD, DPD Pickup, Fedex, Fedex Express, GLS, Poczta Polska, Pocztex, UPS,
• Opcja wyświetlania ikon w skali szarości,
• Informacja o prawach autorskich z aktualnym rokiem, nazwą sklepu i tekstem praw autorskich,
• Układ kolumn - jedna nad drugą lub obok siebie (rozstrzelone do krawędzi).

Moduł możesz kupić w sklepie AppStore

Otwiera wyszukiwarkę sklepową w trybie pełnoekranowym. Własna ikona i tekst przycisku otwierającego, własna ikona zamknięcia i ikona przycisku formularza.

Wyszukiwarka na pełny ekran daje klientowi komfortowe, skoncentrowane środowisko do wpisania frazy i przeglądania podpowiedzi - bez rozpraszającego tła sklepu. Na urządzeniach mobilnych pełnoekranowy widok sprawia że wyszukiwanie jest wygodniejsze niż w małym polu w nagłówku.

Moduł zastępuje standardowy przycisk wyszukiwarki szablonu własnym, konfigurowalnym przyciskiem z ikoną i opcjonalnym tekstem. Dodaje przycisk otwierający wyszukiwarkę w trybie pełnoekranowym:

• Własna ikona przycisku otwierającego wyszukiwarkę (SVG, PNG, WebP, JPG),
• Opcjonalny tekst obok ikony przycisku otwierającego,
• Własna ikona przycisku zamknięcia okna wyszukiwania,
• Własna ikona przycisku formularza wewnątrz okna wyszukiwania,
• Opcjonalny tekst przycisku formularza wyszukiwania,
• Obsługa tłumaczeń PL/EN dla tekstów przycisków.

Moduł możesz kupić w sklepie AppStore

Wyświetla pasek z jedną lub wieloma wiadomościami WYSIWYG. Tryb slidera z autoplay, przycisk zamknięcia zapamiętywany na 24 godziny, pełna szerokość ekranu.

Pasek informacyjny nad nagłówkiem to idealne miejsce na komunikaty o promocjach, darmowej dostawie czy aktualnych akcjach specjalnych. Klienci od razu widzą najważniejszą informację zanim zaczną przeglądać sklep.

Przycisk zamknięcia pozwala klientowi ukryć pasek jeśli nie jest nim zainteresowany - bez irytacji i bez przeładowania strony. Wyświetla konfigurowalny pasek informacyjny u góry strony:

• Lista komunikatów z edytora WYSIWYG - do 10 wpisów, każdy z pełnym formatowaniem HTML,
• Tryb pełnej szerokości ekranu z opcjonalnym wyrównaniem treści do lewej,
• Opcjonalny slider - wyświetla komunikaty jeden po drugim,
• Nawigacja slidera (strzałki lub punkty),
• Autoplay slidera z konfigurowalnym czasem wyświetlania slajdu (min. 3 sekundy) i czasem animacji przewijania,
• Przycisk zamknięcia paska z własną ikoną (SVG, PNG, WebP, JPG),
• Zapamiętanie zamknięcia paska przez 24 godziny,
• Możliwość dodania własnej klasy CSS.

Moduł możesz kupić w sklepie AppStore

Sekcja z efektem paralaksy: zdjęcie tła przesuwa się wolniej niż treść podczas scrollowania. Własny tytuł, edytor WYSIWYG, przycisk CTA, jasne lub ciemne tło, pełna szerokość ekranu.

Efekt paralaksy to jeden z tych elementów które sprawiają że strona sklepu wygląda nowocześnie i profesjonalnie. Zdjęcie tła przesuwające się wolniej niż treść podczas scrollowania tworzy głębię i dynamikę - strona ożywa zamiast być statyczną listą produktów.

Sekcja z paralaksą przyciąga wzrok i wyróżnia ważne komunikaty marketingowe, promocje lub przekierowania do kolekcji. Tworzy sekcję z efektem paralaksy i treścią nad zdjęciem:

• Tytuł sekcji nad treścią,
• Treść z edytora WYSIWYG - dowolny HTML, formatowanie, linki,
• Opcjonalny przycisk CTA z własnym linkiem i własnym tekstem,
• Wyśrodkowanie całej zawartości sekcji,
• Zdjęcie tła z efektem paralaksy (zalecany rozmiar 1920×820 px),
• Wybór jasnego lub ciemnego tła - automatyczna zmiana koloru czcionki dla czytelności,
• Tryb pełnej szerokości ekranu,
• Możliwość dodania własnej klasy CSS,
• Obsługa tłumaczeń PL/EN dla tytułu, treści, linku i tekstu przycisku.

Moduł możesz kupić w sklepie AppStore

Wyświetla dowolne elementy (obraz, tytuł, opis, link) w siatce lub karuzeli Splide z pełną konfiguracją liczby kolumn dla 4 rozdzielczości i opcją paska postępu.

Moduł karuzela zaawansowana - posiada możliwości edycji każdego dodanego elementu do edycji. Obsługiwane formaty w jakich można dodać obrazy.

Posiada takie możliwości jak:

• Możliwość dodania tytułu i opisu.
• Możliwość wyśrodkowania tytułu i opisu.
• Możliwość włączenia listy (grid) lub karuzeli.
• Dodawanie dowolnej ilości elementów do wyświetlenia.
• Każdy element posiada możliwość dodania obrazu, tytułu, opisu oraz linka.
• Możliwość ustalenia ilości wyświetlanych elementów dla 4 widoków - desktop, laptop, tablet i telefon.
• Włączenie/wyłączenie nawigacji i paginacji dla karuzeli
• Wyświetlenie licznika elementów.
• Wyświetlenie paska postępu i ustawienie pozycji na górze lub na dole.

Moduł możesz kupić w sklepie AppStore

Pokazuje pasek postępu i kwotę brakującą do darmowej dostawy na podstawie bieżącej wartości koszyka. Własna ikona, tytuły, teksty i wyśrodkowanie.

Klienci chętniej dodają produkty do koszyka gdy widzą ile brakuje im do darmowej dostawy. Pasek postępu z komunikatem "dodaj jeszcze 25 zł i wysyłka gratis" to jeden z najprostszych i najskuteczniejszych sposobów zwiększenia wartości zamówienia.

Moduł w czasie rzeczywistym oblicza brakującą kwotę i automatycznie zmienia komunikat gdy próg zostanie osiągnięty. Wyświetla pasek postępu do progu darmowej dostawy:

• Włączanie i wyłączanie modułu bez usuwania z SVE,
• Własna ikona modułu (SVG, PNG, WebP, JPG),
• Konfigurowalny tytuł i dodatkowy tekst pod paskiem,
• Ustawienie kwoty progu darmowej dostawy,
• Własny tekst gdy próg nie został osiągnięty (np. "Dodaj jeszcze [kwota] do darmowej dostawy"),
• Własny tekst gdy próg został osiągnięty (np. "Gratulacje! Masz darmową dostawę"),
• Wyśrodkowanie zawartości modułu.

Moduł możesz kupić w sklepie AppStore

Pokazuje odliczanie do wysyłki tego samego dnia z osobnym harmonogramem dla każdego dnia tygodnia i listą świąt. Po godzinie granicznej automatycznie wyświetla komunikat o następnym dniu roboczym.

Klienci coraz częściej wybierają sklep online nie tylko po cenie, ale też po szybkości dostawy. Licznik odliczający czas do wysyłki tego samego dnia tworzy poczucie pilności i pomaga klientom zaplanować zakup - jeśli zamówią teraz, paczka wyjedzie dziś. Komunikuje tę przewagę operacyjną Twojego sklepu w czasie rzeczywistym, bez angażowania obsługi klienta.

Moduł oblicza czas pozostały do wysyłki tego samego dnia i automatycznie przełącza komunikaty:

• Włączanie i wyłączanie modułu bez usuwania z SVE,
• Własna ikona modułu (SVG, PNG, WebP), tytuł i dodatkowy opis,
• Oddzielne godziny granicznej wysyłki dla każdego dnia tygodnia (poniedziałek-niedziela),
• Lista dni wolnych i świąt do wykluczenia (format YYYY-MM-DD, jedna data per linię),
• Możliwość podmiany wszystkich domyślnych komunikatów (np. "Zamów do...", "Wysyłka jutro"),
• Wyśrodkowanie zawartości modułu.

Moduł możesz kupić w sklepie AppStore

Moduł umożliwia włączenie nawigacja dla modułów produktu w formie przewijanych sekcji lub zakładek. Jest to pierwsza wersja modułu wydana razem z szablonem Avant.

Posiada takie możliwości jak:

• Ustawienie przyklejenia nawigacji do ekranu podczas scrollowania.
• Wybór nawigacji przewijania między modułami lub zakładek

Do kupienia osobno jest wersja nowsza, bardziej rozbudowana. Moduł możesz kupić w sklepie AppStore

Prezentuje ikony metod płatności i dostawy w dwóch osobnych sekcjach. Gotowe ikony 15 operatorów płatności i 12 firm kurierskich, układ kolumn i opcja skali szarości.

Klienci przed zakupem sprawdzają czy sklep obsługuje ich preferowaną metodę płatności i dostawę. Sekcja z ikonami znanych operatorów (Blik, Visa, InPost, DPD) buduje zaufanie i usuwa bariery zakupowe - klient od razu wie że może zapłacić tak jak chce i zamówić przez swojego kuriera.

Moduł daje gotowe ikony popularnych operatorów bez konieczności szukania i przygotowywania grafik. Wyświetla dwie sekcje ikon - płatności i dostawy - z tekstem i układem kolumn:

• Opcjonalny tekst opisowy nad ikonami (pole tekstowe),
• Wyrównanie tekstu - do lewej lub wyśrodkowane,
• Sekcja płatności z własnym tytułem i 15 gotowymi ikonami: Apple Pay, Google Pay, Blik, Visa, MasterCard, PayPo, PayPal, mBank Paynow, mBank Raty, eService, Autopay, Przelewy24, Tpay, PayU, Klarna,
• Sekcja dostawy z własnym tytułem i 12 gotowymi ikonami: InPost Paczkomat, InPost Kurier, Orlen Paczka, DHL, DPD, DPD Pickup, FedEx, FedEx Express, GLS, Poczta Polska, Pocztex, UPS,
• Trzy układy kolumn: obok siebie po lewej, wyśrodkowane lub rozstrzelone do boków,
• Opcja wyświetlania wszystkich ikon w skali szarości.

Moduł możesz kupić w sklepie AppStore

Wyświetla wstążki produktowe (nowość, promocja, bestseller, produkt dnia) i opcjonalne badge typów produktu (zestaw, cyfrowy, lojalnościowy).

Klienci w kilka sekund skanują strony kategorii i listingi. Wyraźne wstążki na kafelkach produktów pomagają im natychmiast dostrzec nowości, produkty w promocji i bestsellery - bez konieczności czytania opisów.

Moduł automatycznie wyświetla odpowiednie wstążki na podstawie danych produktu - bez ręcznego oznaczania każdego produktu. Renderuje oznaczenia produktów zgodnie z makrami ribbon szablonu Storefront:

• Automatyczne wstążki promocji - pojawia się gdy produkt ma cenę specjalną,
• Automatyczna wstążka nowości - wyświetlana dla produktów oznaczonych jako nowe,
• Automatyczna wstążka bestsellera - dla produktów z etykietą bestseller,
• Wstążka produktu dnia - dla produktów wyróżnionych jako produkt dnia,
• Opcjonalne badge typów produktu - możliwość włączenia odznaki dla zestawów, produktów cyfrowych i produktów lojalnościowych.

Moduł dostępny tylko w szablonie Avant.

Wyświetla zdjęcia produktu w siatce z własnym lightboxem, obramowaniem kafelków i możliwością dodania filmu przypisanego do produktu.

Klienci podejmują decyzję zakupową w dużej mierze na podstawie zdjęć. Gdy produkt ma wiele zdjęć, klasyczny pionowy slider wydłuża stronę i utrudnia przegląd. Siatka galerii pozwala zobaczyć wszystkie ujęcia produktu na raz - bez nieskończonego przewijania i klikania strzałek.

Moduł zamienia standardową galerię produktu w nowoczesny układ siatki z konfigurowalną liczbą kolumn dla każdego urządzenia, własnym lightboxem oraz możliwością dołączenia filmu prezentującego produkt. Daje pełną kontrolę nad wyglądem i zawartością galerii produktu:

• Responsywna siatka z osobną liczbą kolumn dla telefonu, tabletu, laptopa i komputera,
• Liczba widocznych wierszy przy ładowaniu - reszta zdjęć chowana za przyciskiem "Pokaż więcej", liczba widocznych zdjęć dostosowuje się automatycznie do liczby kolumn,
• Konfigurowalny odstęp między zdjęciami i wybór proporcji kafelka (oryginalne, 1:1, 4:3, 3:2, 16:9),
• Obramowanie kafelków z wyborem grubości i koloru oraz własny promień zaokrąglenia,
• Film przypisany do wybranego produktu - YouTube, Vimeo lub bezpośredni link MP4, ustawiany jako pierwszy lub ostatni element siatki,
• Własny lightbox z nawigacją do wyboru: strzałki, pasek miniatur lub kropki, z licznikiem zdjęć, opisem i przyciskiem pełnego ekranu,
• Obsługa gestów dotykowych (przesuwanie) i klawiatury (strzałki, Escape) w lightboxie,
• Styl przycisku "Pokaż więcej" - kolor tła, kolor tekstu, obramowanie i zaokrąglenie,
• Dane strukturalne JSON-LD ze zdjęciami produktu dla wyszukiwarek,
• Możliwość dodania własnej klasy CSS do stylowania modułu.

Moduł możesz kupić w sklepie AppStore

Wyświetla produkty powiązane przypisane w panelu Shopera jako responsywną siatkę kafelków. Osobna liczba kolumn dla każdej rozdzielczości, opcje prezentacji danych produktu.

Produkty powiązane na stronie produktu pomagają klientowi odkryć kolejne produkty które mogą go zainteresować - uzupełnienia, akcesoria, produkty z tej samej serii. Zamiast opuszczać sklep po obejrzeniu jednego produktu klient scrolluje dalej i trafia na następną propozycję.

Moduł prezentuje produkty powiązane w atrakcyjnym, responsywnym układzie kafelków - spójnym z resztą listingów sklepu. Wyświetla produkty powiązane przypisane do produktu w panelu Shopera:

• Konfigurowalny tytuł sekcji i opcjonalny opis pod tytułem,
• Responsywna siatka kafelków z osobną liczbą kolumn dla mobile, tablet, laptop i desktop,
• Opcja wyświetlania nazwy producenta na kafelku produktu,
• Opcja wyświetlania ceny regularnej (przekreślonej) dla produktów w promocji,
• Opcja wyświetlania ceny jednostkowej,
• Skracanie długich nazw produktów.

Moduł możesz kupić w sklepie AppStore

Wyświetla wybrane produkty jako siatkę lub karuzelę w dowolnym miejscu w sklepie. Ręczny wybór produktów przez wyszukiwarkę, do 50 produktów, pełna konfiguracja kafelków i responsywności.

Moduł polecanych produktów umożliwia prezentowanie wybranych przez Ciebie produktów w dowolnym miejscu w sklepie - na stronie głównej, kategoriach, stronach informacyjnych. Klienci widzą produkty które chcesz sprzedać, a nie tylko to co znaleźli przez wyszukiwarkę.

Tryb karuzeli pozwala pokazać wiele produktów w wąskim miejscu bez zajmowania całej szerokości strony. Wyświetla ręcznie wybrane produkty w siatce lub karuzeli:

• Ręczny wybór produktów przez wyszukiwarkę - do 50 produktów,
• Konfigurowalny tytuł, opcjonalny opis WYSIWYG i wyśrodkowanie,
• Tryb siatki (grid) lub karuzeli Splide do wyboru,
• Karuzela: strzałki nawigacji, kropki paginacji, pętla nieskończona, autoplay z konfigurowalnym interwałem,
• Responsywna liczba kolumn/elementów w wierszu - osobno dla mobile, tablet, laptop i desktop,
• Opcje kafelka produktu: ikona ulubionych, kod SKU, kod producenta, nazwa producenta, cena jednostkowa, cena regularna przy promocji, % zniżki, klasa podatkowa, przycisk "Dodaj do koszyka", status dostępności,
• Skracanie długich nazw produktów,
• Opcjonalne tło za zdjęciem produktu z wyborem koloru.

Moduł możesz kupić w sklepie AppStore

Wyświetla wybrane kategorie jako kafelki z obrazami lub karuzelę Splide. Konfigurowalny układ, liczba kolumn dla 4 rozdzielczości, liczba produktów i podkategorie.

Klienci na stronie głównej lub na stronie kategorii nadrzędnej chcą szybko zobaczyć dostępne podkategorie lub wyróżnione sekcje sklepu. Kafelki z obrazami kategorii są znacznie bardziej angażujące niż zwykłe linki tekstowe - przyciągają wzrok i zachęcają do eksploracji oferty.

Moduł pozwala wybrać i wyeksponować najważniejsze kategorie w dowolnym miejscu sklepu. Wyświetla wybrane kategorie jako atrakcyjne kafelki graficzne:

• Tryb siatki (grid) lub karuzeli Splide do wyboru,
• Karuzela ze strzałkami nawigacji, kropkami paginacji, pętlą i autoplay,
• Dowolna liczba kategorii do dodania przez wyszukiwarkę (po ID lub nazwie),
• Liczba elementów w rzędzie osobno dla mobile, tabletu, laptopa i desktopu,
• Opcjonalny nagłówek modułu i opis z edytora WYSIWYG,
• Wyśrodkowanie nagłówka i treści,
• Wyświetlanie liczby produktów w danej kategorii,
• Pozycja nazwy kategorii: nad lub pod zdjęciem, z wyrównaniem do lewej, środka lub prawej,
• Wyświetlanie podkategorii wybranej kategorii z możliwością ustalenia ich maksymalnej liczby.

Moduł możesz kupić w sklepie AppStore

Wyświetla zdjęcie tła aktualnej kategorii jako osobny blok wizualny. Pobiera obrazy automatycznie z danych kategorii - bez duplikowania grafik w module.

Atrakcyjne obrazy hero na stronach kategorii robią pierwsze wrażenie i komunikują charakter danego działu sklepu. Klienci trafiający na stronę kategorii z dobrze dobranym zdjęciem tła czują się w odpowiednim miejscu i są bardziej skłonni przeglądać ofertę.

Moduł pozwala wyeksponować zdjęcia kategorii które już przypisałeś w panelu Shopera - bez potrzeby ponownego wgrywania obrazów do modułu.

Moduł automatycznie wyświetla obraz tła aktualnej kategorii:

• Automatyczne pobieranie zdjęcia tła z aktualnej kategorii Shopera,
• Regulacja wysokości bloku w pikselach - dostosuj wysokość sekcji do potrzeb layoutu,
• Brak duplikowania grafik - używa zdjęć przypisanych do kategorii bez wgrywania ich ponownie do modułu,
• Możliwość dodania własnej klasy CSS do niestandardowego stylowania.

Moduł możesz kupić w sklepie AppStore jako moduł Obraz kategorii lub kolekcji

Wyświetla zdjęcie tła aktualnej kolekcji jako osobny blok wizualny. Pobiera obrazy automatycznie z danych kolekcji - bez duplikowania grafik w module.

Atrakcyjne obrazy hero na stronach kolekcji robią pierwsze wrażenie i komunikują charakter danego działu sklepu. Klienci trafiający na stronę kolekcji z dobrze dobranym zdjęciem tła czują się w odpowiednim miejscu i są bardziej skłonni przeglądać ofertę.

Moduł pozwala wyeksponować zdjęcia kolekcji które już przypisałeś w panelu Shopera - bez potrzeby ponownego wgrywania obrazów do modułu.

Moduł automatycznie wyświetla obraz tła aktualnej kolekcji lub kolekcji:

• Automatyczne pobieranie zdjęcia tła z aktualnej kolekcji Shopera,
• Regulacja wysokości bloku w pikselach - dostosuj wysokość sekcji do potrzeb layoutu,
• Brak duplikowania grafik - używa zdjęć przypisanych do kolekcji bez wgrywania ich ponownie do modułu,
• Możliwość dodania własnej klasy CSS do niestandardowego stylowania.

Moduł możesz kupić w sklepie AppStore jako moduł Obraz kategorii lub kolekcji

Automatyczny spis treści dla artykułów blogowych. Wykrywa nagłówki H2-H4, podświetla aktualną sekcję podczas scrollowania i opcjonalnie pozostaje widoczny przy przewijaniu.

Długie artykuły blogowe są wartościowe, ale bez nawigacji trudno się w nich poruszać. Klienci chcą szybko przejść do konkretnego fragmentu - bez żmudnego przewijania. Spis treści z klikalnymi linkami do sekcji sprawia, że czytanie staje się wygodniejsze i zachęca do głębszego zapoznania się z treścią.

Moduł automatycznie generuje spis treści na podstawie nagłówków artykułu - bez konieczności ręcznego tworzenia linków. Tworzy interaktywny spis treści dla wpisów blogowych:

• Automatyczne wykrywanie nagłówków H2, H3 i H4 z treści artykułu blogowego,
• Klikalne linki do sekcji - płynne przewijanie do wybranego nagłówka,
• Podświetlanie aktualnie czytanej sekcji podczas scrollowania strony,
• Opcjonalny tytuł modułu i dodatkowy tekst wprowadzający,
• Wyśrodkowanie tytułu i tekstu,
• Numeracja pozycji spisu z opcją wiodącego zera (01, 02...),
• Opcja przyklejania modułu do górnej krawędzi podczas scrollu - idealna gdy moduł jest w bocznej kolumnie obok artykułu,
• Na urządzeniach mobilnych: przycisk otwierający/zamykający spis,
• Możliwość dodania własnej klasy CSS.

Moduł możesz kupić w sklepie AppStore

Moduł buduje automatyczny spis treści dla strony informacyjnej na podstawie nagłówków H2-H4 z opcją przyklejania podczas scrollowania.

Długie strony informacyjne - regulaminy, instrukcje, FAQ, strony „O nas" - bywają trudne do nawigowania. Klient musi przewijać całą treść, by znaleźć konkretny akapit.

Moduł Spis treści rozwiązuje ten problem: automatycznie buduje listę sekcji na podstawie nagłówków i pozwala jednym kliknięciem przejść do wybranego miejsca. Automatycznie skanuje treść strony informacyjnej i tworzy klikalny spis treści z podświetlaniem aktualnej sekcji.

• automatyczne pobieranie nagłówków H2-H4 z treści strony informacyjnej,
• własny tytuł i dodatkowy tekst nad listą sekcji,
• płynne przewijanie do wybranego nagłówka po kliknięciu pozycji,
• podświetlanie aktualnie czytanej sekcji podczas scrollowania,
• wysuwany panel na urządzeniach mobilnych z przyciskiem otwierania i zamykania,
• opcja przyklejania modułu podczas przewijania - idealna gdy moduł jest w kolumnie obok treści,
• wyśrodkowanie tytułu i tekstu,
• własna klasa CSS.

Moduł możesz kupić w sklepie AppStore

Moduł FAQ z akordeonem, sekcjami pytań, numeracją i FAQ Schema (JSON-LD) dla SEO i bogatych wyników Google.

Klienci mają pytania przed zakupem - o dostawę, zwroty, materiały, rozmiary. Jeśli nie znajdą odpowiedzi szybko, odchodzą ze sklepu lub zalewają obsługę wiadomościami.

Moduł FAQ pozwala zebrać najczęstsze pytania w jednym miejscu, pogrupować je tematycznie i wyświetlić jako elegancki akordeon - dostępny w dowolnym miejscu sklepu. Umożliwia dodanie sekcji z pytaniami i odpowiedziami w formie akordeonu. Pytania można grupować, numerować i ograniczać do wybranych stron.

• grupowanie pytań w nazwane sekcje z własnym nagłówkiem (H2-H5),
• akordeon z trybem wyłącznego lub jednoczesnego rozwijania pytań,
• numeracja pytań z opcją wiodącego zera (01, 02...09, 10, 11...),
• nagłówek modułu z wyborem poziomu (H2-H4) i opcjonalnym podkreśleniem,
• dodatkowy opis wyświetlany powyżej lub poniżej nagłówka,
• FAQ Schema (JSON-LD) dla rich snippets w wynikach wyszukiwania Google,
• przypisanie do wybranych produktów, kategorii, stron, wpisów bloga, kolekcji i producentów,
• personalizacja kolorów tła, tekstu, odpowiedzi i ikony rozwijania,
• wybór zaokrąglenia narożników i koloru obramowania,
• własna klasa CSS.

Moduł możesz kupić w sklepie AppStore

Rozwijane opisy kategorii, producentów i kolekcji - trzy typy opisów w jednym module z konfigurowalnymi przyciskami, ikoną, kolorem tekstu i opcjonalnym tłem przycisku.

Długie opisy SEO na stronach kategorii i producentów są ważne dla wyszukiwarek, ale zaburzają układ strony i odwracają uwagę od produktów. Moduł ukrywa nadmiarową treść - klient widzi skróconą wersję i może rozwinąć pełny opis jeśli chce go przeczytać. Produkty są na pierwszym planie, a treść SEO jest dostępna na żądanie. Zarządza widocznością opisów na trzech typach stron jednocześnie:

• Rozwijane opisy na stronach kategorii - górny i dolny opis niezależnie,
• Rozwijane opisy na stronach producentów,
• Rozwijane opisy na stronach kolekcji - górny i dolny opis niezależnie,
• Osobna konfiguracja tekstów przycisków rozwijania i zwijania dla każdego typu opisu,
• Domyślna ikona strzałki przy przycisku z możliwością wyłączenia lub podmiany na własną,
• Konfigurowalny kolor ikony i kolor tekstu przycisku,
• Opcjonalne tło przycisku z automatycznym paddingiem i konfigurowalnym kolorem,
• Konfigurowana wysokość widocznej treści przed rozwinięciem.

Moduł możesz kupić w sklepie AppStore

Konfigurowalny przycisk powrotu do góry strony z wyborem animacji, własną ikoną z kolorem, pozycją i zachowaniem na urządzeniach mobilnych.

Na długich stronach z listą produktów, blogu lub stronie głównej klienci po dotarciu do końca muszą przewijać z powrotem do góry. Estetyczny przycisk "wróć do góry" rozwiązuje ten problem jednym kliknięciem - poprawia nawigację i sprawia, że sklep jest wygodniejszy w użyciu.

Moduł dodaje przycisk który pasuje wizualnie do identyfikacji marki - możesz dostosować kolor, ikonę, rozmiar i animację. Oferuje pełną kontrolę nad wyglądem i zachowaniem przycisku powrotu do góry:

• Dwa tryby widoczności: pojawia się po przewinięciu strony w górę lub zawsze widoczny,
• Dwa style animacji: wysuwanie z dołu ekranu lub pojawianie/zanikanie (fade),
• Pozycja na ekranie: lewa lub prawa strona,
• Konfigurowalny odstęp od krawędzi i od dołu ekranu (px),
• Kolor tła przycisku i kolor tła po najechaniu (hover),
• Własna ikona - SVG lub PNG z przezroczystym tłem (zalecane), z konfigurowalnym kolorem,
• Rozmiar przycisku i zaokrąglenie narożników - od prostokąta po okrąg,
• Opcja ukrycia przycisku na urządzeniach mobilnych,
• Możliwość włączenia lub wyłączenia bez usuwania modułu.

Moduł możesz kupić w sklepie AppStore

Licznik odliczający czas do końca promocji na stronie produktu. Tryb auto z dat promocji, stała data lub licznik dzienny do zamówień.

Klienci oglądają oferty w wielu sklepach jednocześnie i odkładają decyzje zakupowe "na później". Widoczny licznik odliczający czas do końca promocji tworzy poczucie pilności i skłania do szybszej decyzji - zanim oferta wygaśnie.

Moduł wyświetla animowany licznik bezpośrednio na stronie produktu w trzech trybach: automatycznie odczytując daty promocji ze Shopera, odliczając do wybranej daty lub codziennie odliczając do ustalonej godziny - np. do deadline'u wysyłki. Wyświetla licznik w trzech niezależnych trybach z pełną personalizacją wyglądu:

• Tryb Auto - licznik automatycznie odczytuje datę końca promocji z ustawień produktu i pojawia się tylko gdy produkt ma aktywną promocję,
• Tryb Stałej daty - odlicza do dowolnie ustawionej daty i godziny (np. koniec Black Friday),
• Tryb Dzienny - codziennie odlicza do ustalonej godziny, z możliwością ustawienia różnych godzin dla każdego dnia tygodnia i wyłączenia wybranych dni,
• Konfigurowalny próg wyświetlania - pokazuj licznik tylko gdy do końca promocji zostało mniej niż X dni,
• Tekst pilności ostatniego dnia - specjalny animowany komunikat gdy zostało mniej niż 24 godziny,
• Dwa style wizualne: Blokowy (osobne boksy dla dni/godzin/minut/sekund) i Minimalny (jednolinijkowy),
• Pełna personalizacja kolorów - tło kontenera, tło bloków, kolor tekstu, kolor nagłówka,
• Możliwość ukrycia dni i/lub sekund,
• Własne etykiety jednostek czasu (dni, godziny, minuty, sekundy) z obsługą polskiego i angielskiego.

Moduł możesz kupić w sklepie AppStore jako moduł Liczniki czasów promocyjnych 2w1

Automatycznie dodaje licznik do końca promocji na kafelkach produktów. Działa na listach kategorii, stronie głównej i wszędzie tam, gdzie wyświetlają się kafelki.

Klienci przeglądający listę kategorii widzą dziesiątki produktów. Standardowa wstążka "-20%" informuje o promocji, ale nie tworzy poczucia pilności. Licznik odliczający do końca promocji bezpośrednio na kafelku to silniejszy sygnał - klient widzi ile czasu zostało jeszcze przed wejściem na stronę produktu.

Moduł działa automatycznie na całym sklepie. Wystarczy włączyć go raz - liczniki pojawiają się i znikają razem z promocjami produktów bez żadnej dodatkowej konfiguracji per-produkt.

Moduł integracyjny automatycznie dodaje nakładkę z licznikiem na zdjęcia kafelków produktów w całym sklepie:

• Automatyczne wykrywanie produktów w promocji bez konieczności ręcznej konfiguracji per-produkt - wystarczy włączyć moduł raz,
• Nakładka z licznikiem pojawia się na dole zdjęcia kafelka produktu, nie zasłaniając nazwy ani ceny,
• Działa na wszystkich stronach ze szkieletem kafelka AVANT: kategorie, strona główna, lista promocji, bestsellery, wyniki wyszukiwania, kolekcje,
• Konfigurowalny próg - pokazuj licznik tylko dla promocji kończących się w ciągu X dni (np. ostatnie 7 dni),
• Opcja tekstu ostatniego dnia - zamiast licznika wyświetla komunikat "Kończy się dzisiaj!" gdy zostało mniej niż 24h,
• Dwa style wizualne: Minimalny (jednolinijkowy z separatorami) i Pudełkowy (każda jednostka w osobnym pudełku),
• Opcja wyświetlania jednostki dni gdy do końca zostało więcej niż 24 godziny,
• Własne etykiety dni/godzin/minut/sekund z obsługą polskiego i angielskiego,
• Pełna personalizacja kolorów - tło nakładki, tło pudełek (styl pudełkowy), kolor tekstu i nagłówka,
• Obsługa dynamicznie ładowanych kafelków (infinite scroll, AJAX),
• Włącznik/wyłącznik główny - wyłącz bez usuwania modułu ze strony.

Moduł możesz kupić w sklepie AppStore jako moduł Liczniki czasów promocyjnych 2w1

Dodaje przycisk otwierający tabelę rozmiarów na stronie produktu. Przypisuj tabele do konkretnych produktów lub kategorii - moduł automatycznie wyświetli właściwą.

Klienci kupujący odzież, obuwie czy akcesoria często nie są pewni rozmiaru - jeśli nie znajdą rozmiarówki od razu, rezygnują z zakupu lub zamawiają na próbę i zwracają.

Moduł dodaje przycisk na stronie produktu, który po kliknięciu otwiera eleganckie okno z tabelą rozmiarów. Tabele przypisujesz do produktów lub kategorii - moduł sam wyświetli właściwą bez żadnej dodatkowej konfiguracji per-produkt. Umożliwia tworzenie i przypisywanie tabel rozmiarów do produktów i kategorii z pełną kontrolą wyglądu przycisku i okna modalnego.

• edytor WYSIWYG do tworzenia tabel rozmiarów - tworzysz lub wklejasz tabelę HTML wizualnie bez znajomości kodu,
• trójstopniowa logika przypisania: produkt (najwyższy priorytet) > kategoria > tabela domyślna (fallback),
• automatyczne dopasowanie tabeli - moduł sprawdza produkt i kategorię, wyświetla właściwą tabelę,
• obsługa wielu tabel jednocześnie - gdy produkt pasuje do kilku tabel, wyświetlane są jako zakładki,
• ikona na przycisku - domyślna ikona linijki lub własna grafika (SVG/PNG/WebP), konfigurowalna wielkość, pozycja (lewa/prawa) i kolor,
• cztery style przycisku: podstawowy (wypełniony), drugorzędny (ramka), ghost (neutralna ramka), link (sam tekst),
• natywne okno modalne Storefront - wygląd i animacja spójne z szablonem, w pełni responsywne,
• personalizacja kolorów - kolor przycisku, aktywnej zakładki oraz ikony,
• pełna obsługa klawiatury - zamykanie klawiszem ESC, zarządzanie focusem.

Moduł możesz kupić w sklepie AppStore

Wyświetla opinie klientów w karuzeli lub siatce. Oceny gwiazdkowe, zdjęcia autorów, znaczek weryfikacji, oznaczenie źródła - Google, Trustmate, Ceneo i inne.

Przed zakupem klienci szukają opinii innych - recenzje to jeden z najsilniejszych elementów budujących zaufanie do sklepu online.

Moduł pozwala zebrać recenzje z różnych platform (Google, Trustmate, Ceneo, Getreview, Opineo) i wyświetlić je spójnie na dowolnej stronie sklepu w eleganckim układzie dopasowanym do szablonu. Umożliwia ręczne dodawanie opinii z pełnym zestawem metadanych i ich wyświetlanie w karuzeli Splide lub siatce responsywnej.

• ręczne dodawanie opinii: treść, ocena gwiazdkowa (1-5), autor, stanowisko/firma, data, zdjęcie autora,
• oznaczenie źródła opinii - Google, Trustmate, Ceneo, Getreview, Opineo lub dowolna własna nazwa,
• znaczek "Zweryfikowany zakup" z konfigurowalną etykietą,
• opcjonalne przypisanie opinii do produktu z linkiem,
• cztery style kart: z cieniem, z ramką, minimalny i cytatowy (z dekoracyjnym cudzysłowem),
• karuzela Splide: pętla, autoplay, strzałki, paginacja, liczba kart per rząd na mobile/tablet/laptop/desktop,
• tryb siatki bez karuzeli - wszystkie opinie w responsywnym układzie kolumn,
• nagłówek sekcji i tekst wprowadzający (WYSIWYG),
• pełna personalizacja kolorów: gwiazdki, tło karty, tekst, akcent,
• ograniczenie wyświetlania do wybranych stron informacyjnych.

Moduł możesz kupić w sklepie AppStore

Dodaje pasek nawigacji na stronie produktu z trybem zakładkowym lub scroll, sticky, 4 stylami wizualnymi i pełną personalizacją kolorów.

Strony produktów często mają wiele sekcji - opis, parametry techniczne, recenzje, FAQ, powiązane produkty. Bez nawigacji klienci muszą przewijać całą stronę, by znaleźć konkretną informację.

Moduł dodaje inteligentny pasek nawigacyjny, który automatycznie wykrywa moduły umieszczone poniżej i tworzy z nich zakładki lub linki-kotwice. Wystarczy go umieścić na stronie produktu - reszta dzieje się automatycznie. Generuje poziomy pasek nawigacyjny czytając nagłówki modułów poniżej, z dwoma trybami pracy i pełną konfiguracją wyglądu.

• tryb zakładkowy - kliknięcie pokazuje jeden moduł i ukrywa pozostałe, skracając stronę produktu,
• tryb przewijania - kliknięcie płynnie przewija do wybranej sekcji, aktywna pozycja podświetlana przy scrollu,
• cztery style wizualne: zwykłe linki, podkreślenie, wypełniony, pigułki (zaokrąglone z ramką),
• sticky pasek - przykleja się do górnej krawędzi okna podczas scrollowania,
• konfigurowalny offset przyklejenia (dla stałego nagłówka sklepu),
• automatyczne wykrywanie etykiet z nagłówków h2/h3 modułów poniżej,
• pomijanie modułów bez nagłówka lub wykluczanie po nazwie,
• drag-scroll gdy zakładek jest więcej niż mieści się w widoku,
• wyśrodkowanie zakładek i konfigurowalny border-radius,
• pełna personalizacja kolorów - tło paska, tekst, aktywna zakładka.

Moduł możesz kupić w sklepie AppStore

Ukrywa wybrane filtry na stronach listingowych i wybrane cechy na stronach produktu. Moduł integracji - działa globalnie bez ręcznego umieszczania na stronach.

Zbyt wiele filtrów na liście kategorii może dezorientować klientów i utrudniać przeglądanie oferty. Cechy produktu widoczne na stronie produktu powinny dotyczyć tylko tych właściwości, które są ważne dla klienta - nie wszystkich technicznych atrybutów z bazy danych.

Moduł pozwala precyzyjnie ukryć wybrane filtry i cechy, tworząc czystszy i bardziej czytelny interfejs sklepu - bez konieczności modyfikowania kodu szablonu. Ukrywa elementy interfejsu po nazwie, bez ingerencji w dane produktów:

• Ukrywanie filtrów po nazwie na stronach listingowych - obsługuje filtry pionowe (w bocznej kolumnie) i poziome (w belce nad produktami),
• Ukrywanie cech produktu po nazwie na stronach produktu,
• Definiowanie wielu nazw do ukrycia - jedna nazwa na linię w polu textarea,
• Porównanie nazw bez uwzględniania wielkości liter (Case-insensitive),

Moduł możesz kupić w sklepie AppStore

Galeria zdjęć i filmów (YouTube, Vimeo, MP4) z trybem siatki lub karuzeli, lightboxem i zaawansowanymi opcjami wideo per element.

Zdjęcia to za mało - klienci coraz częściej oczekują dynamicznych prezentacji wideo. Moduł Galeria mediów pozwala połączyć zdjęcia, filmy z YouTube i Vimeo oraz pliki MP4 w jednej, spójnej galerii - bez potrzeby osadzania zewnętrznych widżetów i bez kodowania.

Możesz pokazać produkt z każdej strony: w galerii siatki lub przesuwanej karuzeli, z możliwością powiększenia w lightboxie. Filmy pionowe (Shorts, Reels) i poziome - każdy element galerii ma własne ustawienia odtwarzania.

Galeria mediów to kompletne rozwiązanie do prezentacji zdjęć i filmów w sklepie Shoper:

• Obsługa zdjęć i filmów w jednej galerii - YouTube, Vimeo i bezpośrednie linki MP4,
• Format wideo per element: poziomy (16:9) lub pionowy (9:16) idealny dla Shorts i Reels,
• Dwa niezależne tryby autoodtwarzania per element: na kafelku (MP4 inline lub YouTube/Vimeo embedded) i w lightboxie (uruchamiany przy otwarciu i nawigacji),
• Automatyczne generowanie miniatur dla plików MP4 - klatka z początku wideo generowana przy ładowaniu strony i cachowana w sessionStorage przeglądarki na czas sesji,
• Wyciszenie, zapętlenie i natywne kontrolki wideo - konfigurowalnie per element,
• Tryb siatki z konfigurowalną liczbą kolumn dla telefonu, tabletu, laptopa i desktopu,
• Tryb karuzeli Splide z konfigurowalnymi liczbami widocznych elementów, strzałkami, kropkami paginacji i autoplay,
• Lightbox - kliknięcie otwiera powiększone zdjęcie lub odtwarza film w nakładce,
• Nawigacja lightboxa: pasek miniatur (3 rozmiary), paginacja kropkowa z podglądem lub brak,
• Automatyczne pobieranie miniatur filmów YouTube po podaniu URL,
• 6 proporcji kafelków: auto, 1:1, 4:3, 16:9, 3:2, 3:4,
• Efekt powiększenia przy najechaniu myszą,
• Pełna szerokość (full-bleed) - galeria rozciąga się na całą szerokość ekranu,
• Przypisanie do produktów, kategorii, kolekcji, producentów, stron informacyjnych i wpisów bloga.

Moduł możesz kupić w sklepie AppStore

Dodaj filmy YouTube, Vimeo i MP4 do stron produktów. Lightbox z pełnym ekranem, autoplay przy przewinięciu, nagłówek, format pionowy i poziomy.

Klienci coraz chętniej oglądają filmy produktowe przed zakupem. Zdjęcia nie zawsze wystarczą - film pokazuje produkt w użyciu, prezentuje jego gabaryty i działanie, budując zaufanie i zmniejszając obawy przed zakupem.

Moduł pozwala umieścić dowolną liczbę filmów bezpośrednio na stronie produktu, przypisanych indywidualnie do każdego produktu w sklepie. Umożliwia osadzanie filmów ze wszystkich popularnych źródeł z bogatą konfiguracją per film:

• Obsługa YouTube, Vimeo oraz bezpośrednich linków MP4,
• Nagłówek (H2/H3/H4) i opis (edytor WYSIWYG) nad filmami, z opcją wyśrodkowania,
• Automatyczne pobieranie miniatury dla filmów YouTube,
• Automatyczne generowanie miniatury z pierwszej klatki dla plików MP4,
• Własna miniatura (opcjonalnie),
• Format poziomy (16:9) lub pionowy (9:16) - idealny dla YouTube Shorts i Instagram Reels,
• Lightbox - kliknięcie otwiera film w nakładce, przyciski poprzedni/nastepny, przycisk pelnego ekranu,
• Autoplay przy przewinięciu do widoku (gdy lightbox wyłączony),
• Wyciszenie, zapętlenie i natywne kontrolki - konfigurowalnie per film,
• Podpis pod filmem (opcjonalny),
• Ograniczenie maksymalnej szerokości wideo.

Moduł możesz kupić w sklepie AppStore

Profesjonalne mega menu z ikonami, badge'ami, trybami kafelków i siatki kategorii oraz rozbudowanym panelem bocznym z kontaktem i social media.

Klienci coraz częściej opuszczają sklep, jeśli nawigacja jest nieczytelna lub wymaga zbyt wielu kliknięć. Nawigacja Menu Pro zamienia standardowe menu Shopera w profesjonalne mega menu - z ikonami, badge'ami (odznakami), podglądem kategorii w trzech trybach wyświetlania i polecanymi produktami widocznymi już z poziomu menu.

Na urządzeniach mobilnych panel boczny nawigacji staje się kompletnym punktem kontaktu: banery promocyjne, sekcja z danymi sklepu (adres, telefon, e-mail), własne linki i ikony social media - wszystko dostępne jednym pociągnięciem palca.

Moduł kompleksowo rozbudowuje nawigację szablonu Storefront. Wszystkie ustawienia dostępne są w jednym panelu konfiguracyjnym SVE:

• Ikony przy pozycjach nawigacji - obraz (PNG, SVG, WebP) z kontrolą rozmiaru, pozycji (przed/za tekstem), odstępu i opcją własnego koloru ikony (maska CSS); widoczne na desktopie i w mobilnym panelu bocznym,
• Badge tekstowy (np. NOWE, SALE, HOT) - pełna kontrola koloru tła, tekstu, obramowania, paddingu i 5 wariantów pozycji (prawa, lewa, prawy górny róg, lewy górny róg, góra środek),
• Kolor tekstu i tła per pozycja nawigacji - wyróżnij wybrane pozycje własnym kolorem,
• Wyróżnienie aktywnej pozycji z konfigurowalnym kolorem,
• Sticky menu - przyklejone menu przy przewijaniu, osobna opcja dla desktop i mobile,
• Przyciemnienie tła przy otwartym dropdownie - kolor i przezroczystość (0-100),
• 3 szerokości panelu dropdown: standardowa (dopasowana do treści), szeroka (pełna szerokość paska nawigacji) lub pełny viewport (100vw, edge-to-edge),
• Układ treści dropdownu: poziomy (kategorie + panel boczny obok siebie) lub pionowy (wszystko pionowo),
• 3 tryby wyświetlania podkategorii: lista (1-6 kolumn, opcjonalne grupowanie z nagłówkami), kafelki (automatyczne zdjęcia kategorii ze sklepu z opcją wyłączenia obrazków, własny nagłówek i opis WYSIWYG nad kafelkami, wyrównanie, nazwy) lub siatka (kolumny z obrazkami kategorii i linkami do pod-podkategorii, przycisk "pokaż więcej", własny nagłówek i opis WYSIWYG nad siatką),
• Do 6 banerów w dropdownie - własny nagłówek i opis WYSIWYG nad banerami, orientacja pozioma lub pionowa, odstęp, maksymalna wysokość, zaokrąglenie, linki,
• Do 12 polecanych produktów w dropdownie - kafelki renderowane server-side, 1-6 kolumn, nagłówek, opis WYSIWYG,
• Logo producentów/marek w dropdownie - siatka 1-6 kolumn, nagłówek, opis WYSIWYG, linki do stron producentów, opcjonalna nazwa marki pod logo, maksymalna wysokosc logo (px), wyrownanie (do lewej, srodek, do prawej),
• Własna kolumna HTML w dropdownie - edytor WYSIWYG z konfigurowalnymi kolorami tła i tekstu,
• Linia górna i/lub dolna paska nawigacji - grubość (px), kolor, opcja rozciągnięcia do krawędzi viewportu,
• Kolory tła panelu dropdown, panelu bocznego i podświetlenia kart produktów przy hover,
• Zaokrąglenie kart i banerów (px),
• Własny przycisk hamburgera - własny obraz ikony (PNG/SVG/WebP), rozmiar, kolor, tło z zaokrągleniem i obramowaniem, tekst etykiety i jej pozycja, wyrównanie przycisku,
• Logo sklepu w mobilnym panelu bocznym - własny obraz lub logo szablonu, link, wysokość,
• Sticky pasek nawigacji mobile - pozycja góra/dół, kolory, ikony Szukaj / Ulubione / Konto / Koszyk z własnymi obrazami i etykietami, ukrycie etykiet,
• Banery w mobilnym panelu bocznym - obraz, link, alt text, nowa karta, pozycja góra lub dół listy kategorii,
• Sekcja kontaktowa w mobilnym panelu bocznym - logo (obraz/tekst/brak), adres, telefon z godzinami obsługi, e-mail, własne ikony telefonu i e-maila (dane pobierane automatycznie z ustawień sklepu),
• Własne linki w mobilnym panelu bocznym - tekst, URL, ikona, nowa karta, wyróżnienie kolorem akcentowym,
• Ikony social media w mobilnym panelu bocznym - Facebook, Instagram, YouTube, TikTok, X (Twitter), Pinterest, LinkedIn, Snapchat, WhatsApp, inne (własna ikona),
• Kolory mobilne - tło sekcji, kolor linków, kolor wyróżnienia, kolor ikon social media, rozmiar ikon.

Moduł możesz kupić w sklepie AppStore

Wyświetla na stronie produktu kafelki powiązanych wariantów z tej samej grupy - np. różne kolory, rozmiary lub wersje produktu. Grupy definiujesz raz w panelu, moduł sam rozpoznaje bieżący produkt.

Klienci często szukają produktu w innym kolorze lub rozmiarze. Bez sekcji wariantów muszą wracać do listy kategorii, szukać podobnego produktu i porównywać - to frustruje i powoduje opuszczanie sklepu. Moduł wyświetla wszystkie warianty bezpośrednio na stronie produktu, skracając ścieżkę zakupową do jednego kliknięcia.

Wystarczy raz zdefiniować grupy produktów w panelu - moduł automatycznie wykrywa który produkt jest aktualnie oglądany i wyświetla odpowiednie warianty.

Moduł pozwala łączyć produkty w grupy i wyświetlać powiązane warianty na stronie każdego produktu z danej grupy:

• Dowolna liczba niezależnych grup produktów (np. kolory, rozmiary, wersje, materiały),
• Dodawanie produktów do grupy przez wyszukiwarkę po ID lub nazwie produktu,
• Opcjonalna etykieta dla każdej grupy (np. "Dostępne kolory"),
• Możliwość ukrycia bieżącego produktu z listy wariantów lub przypięcia go na pierwszą pozycję,
• Responsywna siatka kafelków z osobną konfiguracją liczby kolumn dla telefonu, tabletu, laptopa i komputera,
• Opcjonalny tytuł modułu i opis w edytorze WYSIWYG,
• Opcje wyświetlania danych kafelka: nazwa producenta, cena jednostkowa, cena regularna przy promocji, skracanie długich nazw,
• Po najechaniu na kafelek wysuwa się popup z nazwą produktu, producentem (jeśli włączony) i ceną - bez konieczności kliknięcia,
• Opcjonalne obramowanie kafelków z wyborem grubości i koloru oraz własny promień zaokrąglenia.

Moduł możesz kupić w sklepie AppStore