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.

Zdjęcie

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 na tej stronie.
  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

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 jako kafelki

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

19. Polecane kategorie jako kafelki

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

Zdjęcie

Jest również dostępny do zakupu osobno w Shoper AppStore pod tym linkiem: Kup moduł w AppStore

20. Kategoria – zdjęcie w tle

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

Zdjęcie

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

Zdjęcie

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 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.
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.

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.

Zdjęcie
Zdjęcie

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”

01. Nulla quis nisl sed sapien tincidunt dictum eget mollis massa.

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.

02. Aenean ut purus varius, fringilla nulla ut, porttitor felis.

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.