Szablon Avant Storefront to nowoczesne i zaawansowane narzędzie sprzedaży - bazujące na naszym wieloletnim doświadczeniu w budowaniu i konfiguracji sklepów Shoper. Łączy uniwersalny minimalistyczny design z szeroką gamą funkcji i modułów, umożliwiając pełną personalizację kolorystyki, elementów graficznych i układu sklepu. Zawiera tylko sprawdzone rozwiązania, które poprawią sprzedaż w Twoim sklepie.
Dzięki wyjątkowej responsywności doskonale działa na wszystkich urządzeniach, a liczba prawie 90+ modyfikacji i 35 nowych indywidualnych modułów stworzonych specjalnie dla naszego szablonu, niektórych niedostępnych w innych szablonach, sprawia, że jest wyjątkowo funkcjonalny i praktyczny. Sprawdzi się w każdej branży, niezależnie od asortymentu i pozwoli Ci szybko stworzyć profesjonalnie wyglądający sklep internetowy.

Kluczowe cechy szablonu Avant Storefront:
- Personalizacja menu:
- Dodatkowe tło na menu desktopowym, które pozwala wyróżnić podkategorie, co ułatwia nawigację.
- Włączanie/wyłączanie przyklejonego menu na urządzeniach desktopowych oraz mobilnych, co zapewnia wygodny dostęp do nawigacji w każdym momencie przez moduł konfiguracyjny.
- Dodatkowe unikalne elementy w menu mobilnym takie jak logo, waluty, język, dane kontaktowe i social media w zależności, które z tych modułów są aktywne.
- Dynamiczne zarządzanie treścią:
- Możliwość rozwijania i zwijania opisów produktów, opisów producentów oraz kolekcji, co pozwala na lepsze zarządzanie przestrzenią na stronie.
- Konfiguracja wysokości widocznego opisu kategorii, producenta, kolekcji przed rozwinięciem pozwala na dostosowanie wyświetlania treści do potrzeb użytkowników.
- Moduły dodatkowe:
- Szablon zawiera liczne moduły, takie jak zaawansowany slider, rozwijane treści, zaawansowany newsletter, stopka dolna z dodatkowymi informacjami i ikonami, górny pasek informacyjny, karuzela produktów, czy parallax ze zdjęciem tła.
- Wszystkie moduły są w pełni konfigurowalne i obsługują różnorodne formaty graficzne (webp, svg, jpg, jpeg, png).
- Nowe stworzone na potrzeby szablonu Avant moduły - pozwalają samodzielnie i w szybki sposób zarządzać elementami sklepu: dodać ikonę social media, banku, dodać logo producenta, kolejną kategorię wyróżnioną i dziesiątki innych.
- Więcej o dodatkowych modułach możesz przeczytać niżej Dodatkowe moduły szablonu.
- Szeroka kompatybilność i optymalizacja:
- Szablon jest ciągle rozwijany, aby być zgodnym z najnowszymi standardami oraz zapewniać szybkie ładowanie strony, co jest kluczowe dla użytkowników i SEO.
- Przyjazny dla użytkownika interfejs:
- Wszystkie opcje konfiguracyjne są dostępne przez intuicyjny panel, umożliwiając łatwą modyfikację wyglądu i funkcji sklepu bez konieczności ingerencji w kod.
- Dostosowanie do urządzeń mobilnych:
- Szablon jest w pełni responsywny, co oznacza, że wszystkie funkcje są zoptymalizowane również na urządzeniach mobilnych, zapewniając doskonałą jakość na każdym ekranie.
Korzyści z wyboru Avant Storefront:
- Szablon jest uniwersalny, wszechstronny, zapewnia kompletną elastyczność w dostosowywaniu funkcji sklepu.
- Poprzez wbudowane moduły możesz łatwo dodać funkcje, które wcześniej wymagały instalacji zewnętrznych aplikacji. Z naszym szablonem zaoszczędzisz przynajmniej kilkaset złotych na zakup dodatkowych aplikacji.
- Szablon jest zoptymalizowany pod kątem szybkości, co wpływa na lepsze doświadczenie użytkownika i wyższe pozycje w wynikach wyszukiwania.
- Dodatkowe opcje personalizacji pozwalają na stworzenie unikalnego sklepu, dopasowanego do potrzeb Twojego biznesu.
Dzięki ciągłemu rozwojowi szablon Avant Storefront jest idealnym rozwiązaniem dla sklepów, które potrzebują zarówno funkcjonalności, jak i estetyki, oraz wydajności na każdym etapie działania.
Masz pytania? napisz do nas, odpowiemy na każde pytanie kontakt@codeandtrade.pl oraz biuro@increo.studio
Chcesz przetestować bezpłatnie ten szablon w swoim sklepie?
Zadzwoń do działu obsługi Klienta Shoper: +48 501 509 509
Dodatkowe funkcje w szablonie Avant:
Zobacz jakie dostajesz dodatkowe moduły dodatkowe w szablonie Avant Storefront.
Kliknij na wybraną nazwę, aby zobaczyć szczegóły.
Moduł dodający blok linków społecznościowych z możliwością zmiany nazwy przed linkami lub jej nie pokazywania, posiada ikony standardowe.
Dodano możliwość wyświetlenia tytułu nad linkami oraz możliwość wyśrodkowania tytułu oraz ikon z linkami.
Każdą ikonę można zmienić dodając własną, obsługiwane formaty w jakich można dodać ikony to: webp, svg, jpg, jpeg oraz png.
Profile społecznościowe do jakich można dodać link lub ikonę to:
- Twitter X
- YouTube
- TikTok
- Messanger
- Telegram
Moduł można umieszczać w dowolnym miejscu, które umożliwia konfigurator wizualny Storefront.
Jakie są korzyści z korzystania z modułu?
Oferujesz dostęp dla Klientów do profili społecznościowych oraz kontaktu w dowolnym miejscu w sklepie.
Moduł jest również dostępny do zakupu osobno w Shoper AppStore pod tym linkiem: Kup moduł w AppStore
Moduł zaawansowany slider posiada dodatkowe opcje konfiguracyjne w zakresie wizualnym i funkcjonalnym.
Posiada takie możliwości jak:
- dodawanie tytułu i opisu nad sliderem oraz możliwość wyśrodkowania obu,
- możliwość dodania zdjęcia/obrazka wraz z jego opisem, oraz linka,
- włączenie / wyłączenie strzałek nawigacyjnych,
- włączenie / wyłączenie paginacji,
- włączenie / wyłączenie paska postępu slidera oraz zmiana jego położenia góra / dół,
- włączenie / wyłączenie licznika slidów,
- wyświetlenie slidera na pełną szerokość ekranu,
- ustawienia automatycznego przewijania oraz widoczności na odpowiednich urządzeniach do wyboru.
Jeśli potrzebujesz dodatkowych możliwości w module napisz do nas, dodamy ją dla Ciebie i pojawi się wraz z aktualizacją.
Jakie są korzyści z korzystania z modułu?
Moduł jest przydatny do zaprezentowania slidów oraz dodatkowej treści nad nią przydatną do SEO, zamiast korzystać z dodatkowych modułów możesz je zastąpić jednym.
Moduł jest również dostępny do zakupu osobno w Shoper AppStore pod tym linkiem: Kup moduł w AppStore
Moduł wyszukiwarki w widoku na cały ekran na każdym urządzeniu, wyświetla ikonę z treścią w miejscu dodania modułu.
Moduł posiada następujące funkcjonalności:
- zmiana ikony przycisku do wyszukiwania, standardowo jest domyślna szablonu,
- zmiana ikony do przycisku zamknięcia okna wyszukiwania,
- dodanie tekstu do przycisku,
- zmiana ikony do przycisku formularza w oknie wyszukiwania,
- dodanie tekstu do przycisku formularza w oknie wyszukiwania,
Obsługiwane formaty graficzne do przycisków: webp, svg, jpg, jpeg oraz png.
Jakie są korzyści z korzystania z modułu?
Bardziej przejrzyste wyniki wyszukiwania co zapewni lepsze doświadczenie z korzystania z wyszukiwarki.
Moduł jest również dostępny do zakupu osobno w Shoper AppStore pod tym linkiem: Kup moduł w AppStore
Rozbudowany moduł newslettera posiadający dodatkowe funkcjonalności konfiguracji wyświetlania newslettera storefront poza standardowym polem opisu i informacji prawnych.
Obsługiwane formaty graficzne do przycisków: webp, svg, jpg, jpeg oraz png.
Moduł posiada następujące funkcjonalności:
- wyśrodkowanie modułu,
- dodanie tła do modułu,
- ustawienie pełnej szerokości modułu jeśli tło jest dodane dla lepszego efektu wizualnego,
- zmiana koloru czcionki w module jeśli dodane tło jest ciemne
- zmiana treści przycisku do zapisu,
- zamiana treści przycisku na ikonę,
- dodanie checkboxa akceptacji do treści pod formularzem przed zapisaniem się do newslettera.
Obsługiwane formaty graficzne do przycisków: webp, svg, jpg, jpeg oraz png.
Jakie są korzyści z korzystania z modułu?
Większe przyciągniecie uwagi dla odwiedzających do zapisu się do sklepowego newslettera.
Moduł jest również dostępny do zakupu osobno w Shoper AppStore pod tym linkiem: Kup moduł w AppStore
Moduł daje możliwość dodawania nagłówka, treści oraz ikon z tekstem. Dwa układy do wyboru z ikonami nad tekstem oraz z ikonami obok treści.
Posiada takie możliwości jak:
- dodanie nagłówna bloku tekstowego,
- dodanie dowolnej ilości treści,
- wyśrodkowanie treści lub pozostawienie do lewej strony,
- zmiana układu ikon z tekstem,
- zmiana tekstu przycisków rozwijania i zwijania,
- ustalenie ilości elementów widocznych dla 4 rozdzielczości.
Obsługiwane formaty graficzne dla ikon: webp, svg, jpg, jpeg oraz png.
Jakie są korzyści z korzystania z modułu?
Przedstawia korzyści jakie możesz uzyskać w sklepie, zachęcając do przeglądnięcia oferty lub potencjalnego zakupu.
Moduł jest również dostępny do zakupu osobno w Shoper AppStore pod tym linkiem: Kup moduł w AppStore
Moduł daje możliwość rozwijania i zwijania treści, ustawienia nagłówka, zmiany nazwy przycisków i dodanie ikony.
Posiada takie możliwości jak:
- dodanie nagłówna bloku tekstowego,
- dodanie dowolnej ilości treści,
- ustawienie wysokości widocznej treści bloku,
- zmiana tekstu przycisków rozwijania i zwijania,
- dodanie ikony na końcu przycisku.
Obsługiwane formaty graficzne do ikony: webp, svg, jpg, jpeg oraz png.
Jakie są korzyści z korzystania z modułu?
Moduł może być przydatny do SEO, ze względu na możliwości skrócenia długości strony, można dodawać w dowolnej części strony w konfiguratorze wizualnym.
Moduł jest również dostępny do zakupu osobno w Shoper AppStore pod tym linkiem: Kup moduł w AppStore
Moduł stopka dolna to moduł dodający dodatkowe funkcjonalności pod standardową stopką sklepową.
Posiada takie możliwości jak:
- wyświetlanie dodatkowej treści w stopce oraz wyświetlenie treści do lewej lub jako wyśrodkowaną,
- wyświetlanie ikon płatności,
- wyświetlanie ikon dostawców,
- zmiana ikon z koloru na skale szarości,
- wyświetlanie informacji: aktualny rok, nazwa sklepu, prawa autorskie,
- zmiana widoku kolumn jedna nad drugą lub obok siebie,
Jakie są korzyści z korzystania z modułu?
Możesz od razu przedstawić Klientom z jakich płatności lub dostaw może skorzystać w procesie zakupowym jak i dodać treść np. pod SEO.
Również możesz pokazać aktualny rok, nazwę sklepu oraz informacje o prawach autorskich.
Moduł jest również dostępny do zakupu osobno w Shoper AppStore pod tym linkiem: Kup moduł w AppStore
Moduł daje możliwość dodawania treści informacyjnej w formie stałej lub slidera.
Posiada takie możliwości jak:
- Dodawanie jednej lub wielu treści,
- Wyświetlenie na całą szerokość ekranu,
- Pozycja treści wyśrodkowana lub do lewej,
- Włączenie/Wyłączenie przycisku zamykania paska, zamyka na 24 godziny,
- Zmiana ikony przycisku zamykania poza standardową,
- Wyświetlanie informacji w formie slidera,
- Włączenie/Wyłączenie strzałek slidera,
- Ustawienie atoplay i określenie czasu slajdów.
Obsługiwane formaty graficzne dla ikon: webp, svg, jpg, jpeg oraz png.
Jakie są korzyści z korzystania z modułu?
Przedstawia korzyści jakie możesz uzyskać w sklepie, zachęcając do przeglądnięcia oferty lub potencjalnego zakupu.
Moduł parallax - zdjęcie w tle z treścią ma możliwość dodania zdjęcia tła dla bloku oraz treści przez tytuł oraz edytor.
Wykorzystaj tak jak potrzebujesz: dodaj pojedyncze piękne zdjęcie, tekst reklamowy albo też duży slogan na środku. Obsługiwane formaty w jakich można dodać zdjęcie tła: webp, svg, jpg, jpeg oraz png.
Posiada takie możliwości jak:
- Dodanie zdjęcia tła dla modułu.
- Wyświetlenie modułu na całą szerokość ekranu.
- Dodanie tytułu oraz treści.
- Możliwość wyśrodkowania tytułu i treści.
- Dodanie przycisku z własnym tekstem lub standardowym.
- Możliwość ustawienia koloru treści na jasny w zależności od dodanego tła.
Moduł karuzela zaawansowana - posiada możliwości edycji każdego dodanego elementu do edycji.
Obsługiwane formaty w jakich można dodać obrazy: webp, svg, jpg, jpeg oraz png.
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.
Jeśli potrzebujesz dodatkowych możliwości w module - napisz do nas, dodamy ją dla Ciebie i pojawi się wraz z aktualizacją.
Jakie są korzyści z korzystania z modułu?
Moduł jest przydatny do zaprezentowania listy lub karuzeli dowolnych elementów oraz dodatkowej treści nad nią przydatną do SEO, zamiast korzystać z dodatkowych modułów możesz je zastąpić jednym.
Moduł jest również dostępny do zakupu osobno w Shoper AppStore pod tym linkiem: Kup moduł w AppStore
Moduł umożliwiający wyświetlenie w dowolnym miejscu ile brakuje do darmowej dostawy.
Obsługiwane formaty w jakich można dodać ikonę: webp, svg, jpg, jpeg oraz png.
Posiada takie możliwości jak:
- Włączenie / Wyłączenie modułu
- Możliwość dodania ikony
- Możliwość dodania tytułu
- Możliwość dodania treści
- Możliwość wyśrodkowania zawartości modułu
- Ustawienie wartości do darmowej wysyłki
- Możliwość zmiany domyślnych treści na własne
Moduł umożliwiający wyświetlenie w dowolnym miejscu czasu do wysyłki w dany dzień.
Obsługiwane formaty w jakich można dodać ikonę: webp, svg, jpg, jpeg oraz png.
Posiada takie możliwości jak:
- Włączenie / Wyłączenie modułu
- Możliwość zmiany domyślnej ikony na własną
- Możliwość zamiany domyślnego tytułu na własny
- Możliwość dodania dodatkowej treści
- Możliwość wyśrodkowania zawartości modułu
- Ustawienie godziny dla każdego dnia do której będzie wysyłka
- Możliwość dodania dodatkowych dni świątecznych i wolnych poza standardowymi
- Możliwość zmiany domyślnych treści na własne
Moduł umożliwia włączenie nawigacja dla modułów produktu w formie przewijanych sekcji lub zakładek.
Posiada takie możliwości jak:
- Ustawienie przyklejenia nawigacji do ekranu podczas scrollowania.
- Wybór nawigacji przewijania między modułami lub zakładek
Moduł umożliwia wyświetlenie oferowanych dostaw i płatności w sklepie w dowolnym miejscu.
Posiada takie możliwości jak:
- Możliwość dodania tekstu
- Możliwość dodania nagłówka przed listą z ikonami dostawców
- Możliwość wyświetlania wybranych ikon dostawców
- Możliwość dodania nagłówka przed listą z ikonami płatności
- Możliwość wyświetlania wybranych ikon płatności
- Możliwość zmiany układu rozmieszczenia bloków
Moduł umożliwia wyświetlenie odznak produktu oraz rodzaje.
Posiada takie możliwości jak:
- Włączenie/wyłączenie odznak rodzajów produktów
Moduł umożliwia wyświetlenie galerii produktu w postaci siatki (gridu).
Posiada takie możliwości jak:
- Ustawienie ilości kolumn: 1,2,3 lub 4,
- Ustawienie ilości widocznych kafelków,
- Możliwość pokazania pozostałych kafelków poza aktualnie widocznymi
Aby moduł działał w szablonie, na stronie produktu konieczne jest usunięcie aktualnego modułu galerii i dodanie w zamian naszego modułu siatki.
Moduł wyświetla powiązane produkty w formie małych kafelków pod krótkim opisem. Jest do doskonałe rozwiązanie które pozwoli Ci zaprezentować inne warianty produktu w formie graficznej.
Funkcjonalność naszego modułu:
- Dowolne umiejscowienie modułu
- Po najechaniu na miniaturę wyświetla drugie zdjęcie produktu
- Nad miniaturą w postaci dodatkowego okienka wyświetlana jest nazwa produktu oraz wariantu.
- Możliwość edycji wyświetlanego tekstu nad kafelkami produktów, dzięki czemu dostosujesz moduł w pełni do Twoich potrzeb
Aby moduł działał w szablonie, na stronie produktu konieczne jest usunięcie aktualnego modułu i dodanie w zamian naszego modułu.
Moduł wyświetla wybrane produkty w formie kafelków (siatka) lub karuzeli w dowolnym miejscu na dowolnej stronie.
Posiada takie możliwości jak:
- Tryb siatki (grid) lub karuzeli do wyboru,
- Karuzela ze strzałkami nawigacji, kropkami paginacji, pętlą i autoplay,
- Dowolna ilość produktów do dodania,
- Ustawienie ilości wyświetlanych produktów w rzędzie (lub widocznych w karuzeli) dla 4 rozdzielczości ekranu,
- Możliwość dodania tytułu i opisu z możliwością wyśrodkowania,
- Wybór wyświetlanych danych produktu: ikona ulubionych, kod SKU, kod producenta, nazwa producenta, cena jednostkowa, cena regularna przy promocji, % zmiany ceny, klasa podatkowa, przycisk koszyka, status dostępności,
- Kolor tła za zdjęciem produktu,
- Dodatkowa klasa CSS do własnego stylowania modułu.
Jest również dostępny do zakupu osobno w Shoper AppStore pod tym linkiem: Kup moduł w AppStore
Moduł wyświetla wybrane kategorie w formie kafelków (siatka) lub karuzeli w dowolnym miejscu na dowolnej stronie. Posiada możliwość wyświetlenia zdjęć kategorii dodawanych przy kategoriach jako nowa funkcjonalność Shopera.
Posiada takie możliwości jak:
- Tryb siatki (grid) lub karuzeli do wyboru,
- Karuzela ze strzałkami nawigacji, kropkami paginacji, pętlą i autoplay,
- Dowolna ilość kategorii do dodania,
- Ustawienie ilości wyświetlanych elementów w rzędzie (lub widocznych w karuzeli) dla 4 rozdzielczości ekranu,
- Dowolna treść nagłówka i opis pod nim,
- Możliwość wyśrodkowania nagłówka i treści,
- Pokazanie ilości produktów w danej kategorii,
- Nazwa kategorii nad zdjęciem lub pod — wyrównanie do lewej, środka lub prawej,
- Wyświetlenie podkategorii wybranej kategorii z możliwością ustalenia ich liczby.

Jest również dostępny do zakupu osobno w Shoper AppStore pod tym linkiem: Kup moduł w AppStore
Moduł korzysta z nowej funkcjonalność shoper do dodawania zdjęć w kategoriach oraz wyświetla takie zjęcie na stronie kategorii.
Najważniejsze możliwości:
- automatyczne pobieranie zdjęcia tła z aktualnej kategorii
- regulacja wysokości bloku w pikselach
- brak duplikowania grafik w konfiguracji modułu
- możliwość dodania własnej klasy CSS

Chcesz zobaczyć jak działa moduł? wejdź na stronie kategorii w tym demo.
Moduł wyświetla na stronie wpisu nawigację wpisu na podstawie inteligętnego generowania nazw z nagłówków w treści wpisu.
Moduł posiada takie możliwości jak:
- Możliwość przyklejenia nawigacji przy scrollowaniau do góry ekranu
- Ustawienia dowolnej treści nagłówka i treści nad generowaną listą nawigacyjną
- Możliwość wyśrodkowania nagłówka i treści

Moduł wyświetla często zadawane pytania (FAQ) z odpowiedziami w formie akordeonu. Pytania można organizować w sekcje tematyczne. Moduł automatycznie generuje strukturę FAQ Schema (JSON-LD) wspierającą Rich Snippets w wynikach Google.
Posiada takie możliwości jak:
- Możliwość dodania nagłówka modułu oraz opisu w edytorze WYSIWYG,
- Akordeon - klikalne pytania z animowanym rozwijaniem odpowiedzi,
- Sekcje tematyczne - pytania zgrupowane w dowolne sekcje z tytułami,
- FAQ Schema JSON-LD - automatyczne generowanie danych strukturalnych dla Google Rich Snippets,
- Przypisanie kontekstu strony dla schematu: ogólny, strona produktu, strona kategorii, strona informacyjna, wpis bloga,
- Wybór poziomu nagłówka pytań (H2–H5) dla poprawnej hierarchii SEO,
- Opcja domyślnego otwarcia pierwszego pytania lub wszystkich pytań,
- Treść odpowiedzi dodawana przez edytor WYSIWYG,
- Personalizacja wyglądu: kolor obramowania, tło nagłówka pytania, kolor tekstu, tło odpowiedzi, kolor ikony, zaokrąglenie narożników,
- Dodatkowa klasa CSS do własnego stylowania modułu.
Moduł umożliwia ukrywanie nadmiarowej treści opisów na stronach kategorii, producentów i kolekcji — użytkownik widzi skróconą wersję i może rozwinąć pełny opis przyciskiem.
Posiada takie możliwości jak:
- rozwijane opisy na stronach kategorii, producentów i kolekcji,
- obsługa górnego i dolnego opisu osobno (dla kategorii i kolekcji),
- konfigurowalny tekst przycisków rozwijania i zwijania dla każdego 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 konfigurowałnym kolorem,
- konfigurowana wysokość widocznej treści przed rozwinięciem.
Moduł dodaje do sklepu elegancki przycisk powrotu do góry strony, który umożliwia szybki powrót na samą górę jednym kliknięciem.
Posiada takie możliwości jak:
- konfigurowalny kolor tła przycisku i kolor tła po najechaniu kursorem,
- możliwość dodania własnej ikony (SVG, PNG, WebP z przezroczystym tłem) oraz konfigurowalny kolor ikony,
- konfigurowalny border radius - od prostokąta po okrąg,
- konfigurowalny rozmiar przycisku,
- dwa tryby widoczności: pojawia się po przewinięciu do góry lub zawsze widoczny,
- dwa style animacji: wysuwanie z dołu lub pojawianie/zanikanie,
- umiejscowienie po prawej lub lewej stronie ekranu,
- konfigurowalny odstęp od krawędzi ekranu i od dołu ekranu,
- możliwość włączenia lub wyłączenia przycisku bez usuwania modułu,
- opcja automatycznego ukrywania na urządzeniach mobilnych.
Moduł wyświetla animowany licznik czasu na stronie produktu, motywując klientów do szybszej decyzji zakupowej. Działa w trzech trybach: automatycznie odczytując daty promocji produktu, odliczając do wybranej daty lub codziennie odliczając do ustalonej godziny (np. ostatnia chwila na zamówienie z dostawą jutro).
Posiada takie możliwości jak:
- 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ł integracyjny, który bez ingerencji w szablon automatycznie dodaje nakładkę z licznikiem odliczającym czas do końca promocji na zdjęcia kafelków produktów. Działa globalnie na wszystkich stronach sklepu - kategoriach, stronie głównej, liście promocji, bestsellerach i wynikach wyszukiwania.
Posiada takie możliwości jak:
- 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: 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ł dodaje przycisk na stronie produktu, który po kliknięciu otwiera eleganckie okno z tabelą rozmiarów. Tabele tworzy się bezpośrednio w edytorze WYSIWYG - bez potrzeby znajomości kodu. Możesz skonfigurować oddzielne tabele dla różnych kategorii produktów, a moduł sam wyświetli właściwą tabelę dla każdego produktu.
Posiada takie możliwości jak:
- Edytor WYSIWYG do tworzenia tabel rozmiarów - wklejasz lub tworzysz tabelę HTML wizualnie bez kodu,
- Przypisanie tabeli do konkretnego produktu (najwyższy priorytet) lub kategorii (średni priorytet) - trójstopniowa logika: produkt > kategoria > domyślna,
- Automatyczne dopasowanie tabeli - moduł sprawdza produkt i kategorię i wyświetla właściwą tabelę,
- Obsługa wielu tabel jednocześnie - gdy produkt pasuje do kilku skonfigurowanych tabel, są one wyświetlane jako zakładki,
- Domyślna tabela dla wszystkich produktów - skonfiguruj tabelę bez przypisania jako fallback,
- Ikona na przycisku - domyślna ikona linijki lub własna grafika (SVG/PNG/WebP), konfigurowalna wielkość, pozycja (lewa/prawa) i kolor,
- Natywne okno modalne Storefront - wygląd i animacja spójne z szablonem storefront, responsywne,
- Cztery style przycisku: podstawowy (wypełniony), drugorzędny (ramka), ghost (neutralna ramka), link (sam tekst),
- Personalizacja kolorów - kolor przycisku, aktywnej zakładki oraz ikony,
- Pełna obsługa klawiatury - zamykanie klawiszem ESC, focus management.
Moduł pozwala wyświetlać opinie i recenzje klientów na dowolnej stronie sklepu - stronie głównej, kategoriach, stronach produktów. Opinie dodaje się ręcznie w panelu administracyjnym z pełnym zestawem metadanych. Karuzela oparta na natywnym sliderze Splide zapewnia płynne działanie na wszystkich urządzeniach.
Posiada takie możliwości jak:
- Ręczne dodawanie opinii z pełnym zestawem pól: treść, ocena gwiazdkowa (1-5), autor, stanowisko/firma, data, zdjęcie autora,
- Oznaczenie źródła opinii - Google, Trustmate, Ceneo, Getreview, Opineo lub dowolna nazwa wpisana ręcznie,
- Znaczek "Zweryfikowany zakup" z konfigurowalna etykietą,
- Opcjonalne przypisanie do produktu - link do produktu którego dotyczy opinia,
- Cztery style kart: z cieniem, z ramką, minimalny i cytatowy (z dekoracyjnym cudzysłowem),
- Karuzela z pełną konfiguracją: nieskończona pętla, autoplay, strzałki, paginacja, liczba kart per rząd (osobno na mobile/tablet/laptop/desktop),
- Tryb siatki bez karuzeli - wyświetlenie wszystkich opinii w responsywnym układzie kolumn,
- Nagłówek sekcji i tekst wprowadzający przed listą opinii (WYSIWYG),
- Pełna personalizacja kolorów: gwiazdki, tło karty, kolor tekstu, kolor akcentu,
- Ograniczenie wyświetlania do wybranych stron informacyjnych po ID.
Moduł porządkuje dłuższe strony informacyjne i zamienia je w czytelny przewodnik po treści.
Po dodaniu do strony tworzy listę sekcji, przewija do wskazanego miejsca i podświetla aktualnie czytany fragment.
Posiada takie możliwości jak:
- 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 spisu,
- 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,
- możliwość dodania własnej klasy CSS.
Moduł dodaje inteligentny pasek nawigacyjny na stronie produktu, który automatycznie wykrywa moduły umieszczone poniżej niego i tworzy z nich zakładki lub linki-kotwice. Wystarczy dodać ten moduł do strony produktu - reszta dzieje się automatycznie. Etykiety zakładek są czytane z nagłówków poszczególnych modułów.
Posiada takie możliwości jak:
- Tryb zakładkowy - kliknięcie zakładki pokazuje jeden moduł i ukrywa pozostałe, co zmniejsza długość strony produktu,
- Tryb przewijania - kliknięcie linku płynnie przewija do wybranej sekcji, aktywna sekcja jest automatycznie podświetlana przy scrollu,
- Cztery style wizualne paska: brak (zwykłe linki), podkreślenie (klasyczny), wypełniony (solidne tło aktywnej zakładki), pigułki (zaokrąglone przyciski z ramką),
- Sticky (przyklejony) pasek nawigacyjny - pasek przykleja się do górnej krawędzi przeglądarki podczas scrollu,
- Konfigurowalny offset dla przyklejenia - niezbędny gdy sklep ma stały nagłówek,
- Automatyczne wykrywanie etykiet z nagłówków h2/h3 modułów poniżej,
- Pomijanie modułów bez nagłówka - opcjonalnie wyklucz z nawigacji moduły które nie mają tytułu,
- Wykluczanie modułów po nazwie - podaj listę etykiet zakładek do pominięcia,
- Przeciąganie myszy (drag scroll) gdy zakładek jest więcej niż mieści się w widoku,
- Wyśrodkowanie linków - opcjonalne wyśrodkowanie zakładek w pasku zamiast wyrównania do lewej,
- Zaokrąglenie rogów linków - ustaw border-radius dla wszystkich przycisków nawigacji,
- Pełna personalizacja kolorów - tło paska, kolor tekstu, kolor aktywnej zakładki.
Moduł pozwala ukryć wybrane filtry na stronach kategorii i listingach produktów oraz wybrane cechy na stronach produktu. Wystarczy wpisać nazwy elementów do ukrycia - moduł działa automatycznie bez konieczności modyfikacji szablonu.
Posiada takie możliwości jak:
- 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 filtrów i cech - jedna nazwa na linię,
- Porównanie nazw bez uwzględniania wielkości liter,
- Działa z nawigacją SPA szablonu Avant - obsługuje przejścia między stronami bez przeładowania.
To lekki moduł do budowania efektownego hero kolekcji bez ponownego wgrywania zdjęć do ustawień modułu.
Jeżeli kolekcja ma ustawione tło, moduł pokaże je automatycznie w wybranym miejscu układu.
Najważniejsze możliwości:
- automatyczne pobieranie zdjęcia tła z aktualnej kolekcji
- regulacja wysokości bloku w pikselach
- brak duplikowania grafik w konfiguracji modułu
- możliwość dodania własnej klasy CSS
Jakie są korzyści z korzystania z modułu?
Pozwala szybko podnieść atrakcyjność wizualną kolekcji oraz konsekwentnie wykorzystać grafiki już dostępne w danych sklepu.
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.
Jakie posiada możliwości?
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ł 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ł 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,
- 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.
Stały rozwój funkcjonalności szablonu - bez żadnych dopłat!
Cały czas trwają prace nad kolejnymi modułami, które będą dostępne w szablonie Avant Storefront w standardzie - dlatego wybór naszego szablonu to najlepsza inwestycja w rozwój Twojego sklepu!
Jeśli masz jakieś sugestie lub pomysły na nowe moduły, które mogły by się przydać w Twoim sklepie, napisz do nas na kontakt@codeandtrade.pl
Zapisz się do naszego newslettera a będziesz otrzymywać informacje o nowościach i zmianach w szablonie.
Rozmiary grafik użytych w demo szablonu:
- Slider na desktop - 1410px x 519px - jeśli moduł zostanie ustawiony na pełną szerokość ekranu to szerokość grafiki wtedy będzie na 1920px x 519px lub dowolny.
- Slider na mobile - 600px x 700px rozmiar, który dostosowuje się do ekranu jeśli rozdzielczość urządzenia jest mniejsza
- Popularne kategorie - zastosowane grafiki to 800px x 800px - widoczne są mniejsze ponieważ w demo są pokazywane 4 elementy na raz i działa jak karuzela na mniejszych rozdzielczościach
- Grafika w prawej kolumnie z napisem "Monumo" to rozmiar 1000px x 680px w widoku wyświetla się mniejsza więc też się dopasowuje do aktualnie wyświetlanego ekranu
- Grafika w tle w module parallax - 1920px x 820px - tutaj można dodać dowolną na taką szerokość lub mniejszą jeśli moduł nie będzie wyświetlany na całą szerokość ekranu (jak w przypadku slidera desktop)
- Dwa banery obok siebie - 800px x 500px
- Tło w newsletterze - 1920px x 1080px
- Kategoria zdjęcie kafelka - 800px x 800px
- Kategoria zdjęcie tła strony kategorii - 1400px x 300px
Więcej, co jeszcze otrzymujesz w szablonie możesz przeczytać na stronie
Jeśli chcesz zobaczyć jakie inne aplikacje/moduły aktualnie oferujemy w sprzedaży osobno w sklepie shoper - kliknij tutaj