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 24 nowych indywidualnych modułów, 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 na tej stronie.
- 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 (grid/siatka) w dowolnym miejscu na dowolnej stronie. To znana i lubiana funkcjonalność znana z szablonów RWD – teraz w wersji na Storefront!
Moduł posiada takie możliwości jak:
- Dowolna ilość produktów do dodania
- Możliwość ustawienia ilości wyświetlanych elementów w rzędzie na 4 rozdzielczościach ekranu
- Ustawienia dowolnej treści nagłówka i treści pod nim
- Możliwość wyśrodkowania nagłówka i treści
- Możliwość wybrania wyświetlanych danych produktu jak w innych modułach karuzel produktowych
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 (grid/siatka) w dowolnym miejscu na dowolnej stronie. Posiada możliwość wyświetlenie zdjęć kategorii dodawanych przy kategoriach jako nowa funkcjonalność dodana przez Shoper.
Moduł posiada takie możliwości jak:
- Dowolna ilość kategorii do dodania
- Możliwość ustawienia ilości wyświetlanych elementów w rzędzie na 4 rozdzielczościach ekranu
- Ustawienia dowolnej treści nagłówka i treści pod nim
- Możliwość wyśrodkowania nagłówka i treści
- Możliwość pokazania ilości produktów w danej kategorii
- Możliwość pokazania nazwy kategorii oraz ilości produktów w kategorii nad zdjęciem lub pod
- Możliwość ustawienia nazwy kategorii i ilości produktów do lewej, środka lub prawej strony
- Możliwość pokazania podkategorii wybranych kategorii oraz ustalenia ich ilości

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.
Moduł posiada takie możliwości jak:
- Możliwość ograniczenia wysokości wyświetlanego zdjęcia do wybranej wysokości w module

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 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ł 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.
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
Dodatkowe ustawienia szablonu
Szablon Shoper Avant Storefront posiada dodatkowy moduł konfiguracyjny, w którym możesz dokonać dodatkowych ustawień sklepu i szablonu, których nie ma w standardowych szablonach Shoper. To dodatkowy atut wyboru naszego produktu.
Dostępne opcje dodatkowe:
- Dodatkowe tło na menu desktopowe na podkategorie, aby lepiej wyróżnić przeglądanie kategorii.
- Włączenie/Wyłączenie przyklejonego menu na urządzeniach stacjonarnych.
- Włączenie/Wyłączenie przyklejonego menu na urządzeniach mobilnych.
- Włączenie/Wyłączenie przycisku w rogu do powrotu na początek strony na urządzeniach desktopowych.
- Włączenie/Wyłączenie rozwijania/zwijania opisów w kategoriach produktów, opisu producenta, opisów kolekcji.
- Możliwość ustawienia wysokości widocznego opisu przed rozwinięciem.
2 kolumny 50% w opisie produktu
W naszym szablonie dajemy możliwość przygotowania bardziej zaawansowanych opisów produktów, tworząc 2 kolumny w których możesz wstawić np. tekst a obok zdjęcie, czy też 2 zdjęcia obok siebie jak w poniższym przykładzie. Układ znany z obecnego wyglądu ofert m.in. w Allegro.


Skopiuj poniższy kod html do swojego opisu produktu w trybie html a następnie wymień słowo „Twój tekst lub zdjęcie„ na własny tekst lub zdjęcie. Układ dopasowuje się automatycznie do szerokości ekranu, a na urządzeniach mobilnych kolumny wyświetlą się jedna pod drugą.
<div class=”avant-columns”>
<div class=”avant-row”>
<div class=”avant-col50 col-with-halftext”>
<div class=”avant-col-inner”>Twój tekst lub zdjęcie</div>
</div>
<div class=”avant-col50 col-with-halftext”>
<div class=”avant-col-inner”>Twój tekst lub zdjęcie</div>
</div>
</div>
</div>
Rozwijalne akordeony – idealne do FAQ – DO zastąpienia tej funkcjonalności i łatwiejsze edycji został dodany dodatkowy, nowy moduł „FAQ – sekcje, pytania i odpowiedzi”
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas condimentum quis lorem in porta. Donec sit amet gravida tortor, et pulvinar tortor. In egestas nec tortor sed tristique. Sed cursus gravida ante. Nullam commodo neque ut mi venenatis, quis dapibus sapien ultricies. Fusce porttitor orci non ullamcorper interdum. Praesent quis diam metus. Aenean consequat felis dui, eget tempus lectus porta sed. Aliquam lacinia justo non diam pharetra lacinia. Sed dictum imperdiet elit vitae viverra. Proin non mi non orci mattis semper. Aenean ultrices nulla et ante facilisis aliquam. Proin convallis ac purus eu pretium.
Nulla quis nisl sed sapien tincidunt dictum eget mollis massa. Pellentesque mattis, odio ac egestas aliquam, dolor erat pretium nulla, sit amet accumsan nisi dui ornare nisi. Cras id sem ligula. Curabitur purus justo, congue sit amet sollicitudin et, malesuada nec ligula. Pellentesque euismod pellentesque lectus non hendrerit. Vivamus sollicitudin, nibh sit amet rutrum tristique, lectus risus maximus tortor, sed faucibus neque felis ut mauris. Sed id varius neque, ut congue nulla. Aenean mattis dui quis tempor dictum. Aliquam semper, nibh et imperdiet tempus, dolor dolor consectetur nulla, nec commodo mi massa sit amet risus.
Skopiuj poniższy tekst w klej w trybie HTML w miejsce gdzie chcesz uzyskać listę rozwijalną a następnie dodaj swój tekst.
<div class=”accordion-list-outer”>
<div id=”user_accordion-list-1″ class=”accordion-list”>
<div class=”accordion”>
<div class=”accordion-inner”>
<div class=”accordion-title” tabindex=”0″><span class=”ac-tit-nr”>01.</span><strong>Twój nagłówek</strong></div>
<div id=”user_accordion-content-1″ class=”accordion-content”>
<p>Twój tekst</p>
</div>
</div>
</div>
<div class=”accordion”>
<div class=”accordion-inner”>
<div class=”accordion-title” tabindex=”0″><span class=”ac-tit-nr”>02.</span><strong>Twój nagłówek</strong></div>
<div id=”user_accordion-content-2″ class=”accordion-content”>
<p>Twój tekst</p>
</div>
</div>
</div>
</div>
</div>
Jeśli dodajesz więcej pozycji niż dwie widoczne – zmień cyfrę X w: user_accordion-content-X na kolejną – odpowiadającą liczbie kolejnej pozycji:
user_accordion-content-3, user_accordion-content-4, user_accordion-content-5 itd.
Szablon jest przez nas ciagle rozwijany, aby był zgodny ze wszystkimi standardami oraz działał możliwie szybko. Na bieżąco śledzimy nowe funkcje, które pojawiają się w Shoper, oraz śledzimy trendy, aby nasz produkt był zawsze na czasie. Zapewniamy każdemu kupującego regularne aktualizację!
Jeśli masz pytania napisz do nas, chętnie odpowiemy na każde i pomożemy w kwestii konfiguracji szablonu jak i indywidualnych zmian.