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 80 modyfikacji i 21 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. NOWOŚĆ – 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. NOWOŚĆ – 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. NOWOŚĆ – 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. NOWOŚĆ – 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. NOWOŚĆ – 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. NOWOŚĆ – 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

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

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.