Slider zaawansowany

Slider banerów z pełną konfiguracją: pasek postępu, nawigacja, paginacja, licznik, pełna szerokość ekranu, autoplay i własny tytuł z treścią WYSIWYG nad sliderami.

Dlaczego Twoim klientom to się spodoba?

Slider banerów na stronie głównej to pierwsze co klient widzi po wejściu do sklepu. Dobierze zaprojektowane banery z wyraźnym komunikatem i przyciskiem CTA prowadzą prosto do oferty - bez zbędnego szukania.

Moduł daje pełną kontrolę nad wyglądem i zachowaniem slidera: od paska postępu po pełną szerokość ekranu.

Jakie posiada możliwości?

Moduł wyświetla slider banerów z szeroką konfiguracją:

• - Opcjonalny tytuł i treść WYSIWYG nad sliderem z wyśrodkowaniem,
• - Lista slajdów z obrazkami - dodajesz dowolną liczbę slajdów przez imageList,
• - Dwa style slidera: "One slide with margins" (widoczne fragmenty sąsiednich slajdów) lub "One slide without margins" (pełnoekranowy),
• - Tryb pełnej szerokości ekranu,
• - Pasek postępu (u góry lub u dołu slidera),
• - Strzałki nawigacyjne (poprzedni/następny),
• - Paginacja (kropki),
• - Licznik slajdów (np. "2/5"),
• - Autoplay z konfigurowalnym czasem wyświetlania slajdu i czasem animacji,
• - Możliwość dodania własnej klasy CSS.
• - własny identyfikator HTML (kotwica do przewijania strony) oraz własna klasa CSS do niestandardowego stylowania.

Korzyści dla Ciebie (Sprzedawcy)

Slider to kluczowy element strony głównej sklepu:

• - Pełna kontrola wyglądu: pasek postępu, strzałki, kropki paginacji, licznik - włączasz tylko to czego potrzebujesz,
• - Elastyczność layoutu: slider ze marginesami lub pełnoekranowy - dostosuj do projektu graficznego sklepu,
• - SEO bonus: tytuł i treść WYSIWYG nad sliderem pozwalają umieścić indeksowaną przez Google treść w miejscu zazwyczaj zajętym przez grafikę,
• - Jeden moduł dla słiderów: zamiast osobnych modułów dla slidera i sekcji tekstowej - wszystko w jednym miejscu.

Co zyska Twój klient?

Klient wchodzący na stronę ze sliderem:

• - Szybki przegląd oferty: slider prezentuje kilka kluczowych komunikatów w jednym miejscu,
• - Intuicyjną nawigację: strzałki i kropki paginacji pozwalają samemu przeglądać slajdy w wybranym tempie,
• - Spójny wygląd: pasek postępu lub licznik informują ile slajdów jest do przejrzenia.

Jak to działa? (3 proste kroki)

Krok 1: Instalacja: Zainstaluj moduł z Shoper AppStore i umieść go w wybranym miejscu w edytorze SVE - najczęściej na górze strony głównej.

Krok 2: Konfiguracja: Dodaj slajdy w sekcji "Slides", wgraj obrazki. Wybierz styl slidera, włącz nawigację, paginację lub pasek postępu. Opcjonalnie dodaj tytuł i treść WYSIWYG nad sliderem.

Krok 3: Działa automatycznie: Slider wyświetla slajdy w skonfigurowanym stylu z wybraną nawigacją. Klient może samodzielnie przewijać slajdy strzałkami lub kropkami, lub czekać na autoplay.

Najczęściej zadawane pytania (FAQ)

Czy mogę dodać link do każdego slajdu?
Tak, każdy slajd w imageList obsługuje opis i link - po kliknięciu slajdu klient przechodzi do ustawionego URL.

Jaki jest zalecany rozmiar banerów slajdów?
Zalecany rozmiar to 1920×820 px dla trybu pełnoekranowego. Shoper automatycznie dopasowuje obrazki do rozdzielczości ekranu.

Czy autoplay jest zalecany?
Autoplay jest dostępny jako opcja, ale nie jest domyślnie włączony. Automatyczne przewijanie może rozpraszać klientów - większość preferuje kontrolę nad tempem przeglądania treści.

Dodatkowe informacje

Moduł jest przeznaczony do szablonu Storefront.

Instrukcja modułu

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

Działanie przedstawionego modułu można zobaczyć w demo naszego szablonu Avant Storefront oraz można kupić gotowy szablon z wieloma innymi modułami dostępnymi w cenie szablonu.

Demo szablonu Avant Storefront