Przejdź do głównej treści
Ikona

To jest moduł "Górny pasek informacyjny"

Sprawdź jakie możliwości posiada ten moduł.

Przetestuj ten szablon bezpłatnie: wyślij prośbę na pomoc@shoper.pl
polski
Produkty w koszyku: 0. Zobacz szczegóły
Produkty w koszyku: 0. Zobacz szczegóły

O szablonie Avant

Nawigacja po stronie

Nawigacja po stronie

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:

  1. 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.
  2. 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.
  3. 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.
  4. 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.
  5. 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.
  6. 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.

01. Media społecznościowe linki do profili

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:

  • Facebook
  • Instagram
  • Twitter X
  • YouTube
  • TikTok
  • Pinterest
  • Messanger
  • Whatsapp
  • 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

02. Zaawansowany slider

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

03. Wyszukiwarka na pełny ekran

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

04. Zaawansowany newsletter

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

05. Korzyści lista ikon z tekstem

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

06. Rozwijalna treść

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

07. Stopka dolna dodatkowa treść, ikony, prawa autorskie

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

08. Górny pasek informacyjny

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.

09. Parallax - zdjęcie w tle z treścią

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.

10. Karuzela zaawansowana

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

11. Darmowa dostawa

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

12. Czas do wysyłki

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

13. Nawigacja dla modułów produktu

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

14. Oferowane dostawy i płatności

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

15. Odznaki produktu

Moduł umożliwia wyświetlenie odznak produktu oraz rodzaje.

Posiada takie możliwości jak:

  • Włączenie/wyłączenie odznak rodzajów produktów

16. Siatka galerii produktu

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.

17. Produkty powiązane jak warianty - mini kafelki

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.

18. Polecane produkty - kafelki/karuzela

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

19. Polecane kategorie - kafelki/karuzela

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

20. Obraz kategorii

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.

21. Nawigacja wpisu bloga

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

22. NOWOŚĆ - FAQ - sekcje, pytania i odpowiedzi

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.
23. NOWOŚĆ - Rozwijane opisy 3w1

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.
24. NOWOŚĆ - Przycisk powrotu do góry

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.
25. NOWOŚĆ - Licznik czasu promocji - strona produktu

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.
26. NOWOŚĆ - Licznik czasu promocji - kafelki produktów

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.
27. NOWOŚĆ - Tabela rozmiarów - strona produktu

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.
28. NOWOŚĆ - Karuzela opinii i recenzji

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.
29. NOWOŚĆ - Spis treści strony informacyjnej

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.
30. NOWOŚĆ - Nawigacja modułów produktu - zakładki i sekcje - wersja 2 bardziej rozbudowana

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.
31. NOWOŚĆ - Ukrywanie filtrów i cech produktu

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.
32. NOWOŚĆ - Obraz kolekcji

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.

33. NOWOŚĆ - Galeria mediów - zdjęcia i filmy

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.
34. NOWOŚĆ - Wideo na stronie produktu

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.
35. NOWOŚĆ - Nawigacja Menu Pro - mega menu, ikony, badge i ulepszenia mobilne

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

Dodatkowe ustawienia szablonu

Jeśli chcesz zobaczyć jakie inne aplikacje/moduły aktualnie oferujemy w sprzedaży osobno w sklepie shoper - kliknij tutaj

DLACZEGO WARTO?

Sprawdź dlaczego warto wybrać szablon AVANT

Opis szablonu

Ten sklep działa w wersji próbnej. Co to oznacza?