Dlaczego Twoim klientom to się spodoba?

Strony produktów często mają wiele sekcji – opis, parametry techniczne, recenzje, FAQ, powiązane produkty. Bez nawigacji klienci muszą przewijać całą stronę, by znaleźć konkretną informację.

Moduł dodaje inteligentny pasek nawigacyjny, który automatycznie wykrywa moduły umieszczone poniżej i tworzy z nich zakładki lub linki-kotwice. Wystarczy go umieścić na stronie produktu – reszta dzieje się automatycznie.

Jakie posiada możliwości?

Moduł generuje poziomy pasek nawigacyjny czytając nagłówki modułów poniżej, z dwoma trybami pracy i pełną konfiguracją wyglądu.

• tryb zakładkowy – kliknięcie pokazuje jeden moduł i ukrywa pozostałe, skracając stronę produktu,
• tryb przewijania – kliknięcie płynnie przewija do wybranej sekcji, aktywna pozycja podświetlana przy scrollu,
• cztery style wizualne: zwykłe linki, podkreślenie, wypełniony, pigułki (zaokrąglone z ramką),
• sticky pasek – przykleja się do górnej krawędzi okna podczas scrollowania,
• konfigurowalny offset przyklejenia (dla stałego nagłówka sklepu),
• automatyczne wykrywanie etykiet z nagłówków h2/h3 modułów poniżej,
• pomijanie modułów bez nagłówka lub wykluczanie po nazwie,
• drag-scroll gdy zakładek jest więcej niż mieści się w widoku,
• wyśrodkowanie zakładek i konfigurowalny border-radius,
• pełna personalizacja kolorów – tło paska, tekst, aktywna zakładka.

Korzyści dla Ciebie (Sprzedawcy)

Profesjonalna nawigacja po stronie produktu bez przebudowy jej struktury.

• Lepszy UX: klienci szybciej trafiają do kluczowych informacji i dłużej pozostają na stronie produktu,
• Zero konfiguracji per-moduł: etykiety zakładek czytane są automatycznie z nagłówków istniejących modułów,
• Elastyczny wygląd: 4 style i pełna personalizacja kolorów dopasowuje nawigację do identyfikacji marki.

Co zyska Twój klient?

Szybki i wygodny dostęp do każdej sekcji rozbudowanej karty produktu.

• Jedno kliknięcie: pasek nawigacji przenosi od razu do wybranej sekcji,
• Przejrzystość: tryb zakładkowy skraca widoczną treść – klient widzi tylko to, co wybrał,
• Sticky pasek: nawigacja towarzyszy klientowi podczas przewijania długich stron produktu.

Jak to działa? (3 proste kroki)

- Krok 1: Instalacja: Zainstaluj moduł z Shoper AppStore w zakładce Dodatki i integracje.

- Krok 2: Konfiguracja: W edytorze SVE umieść moduł na stronie produktu powyżej modułów, które mają być objęte nawigacją. Wybierz tryb (zakładki/scroll), styl wizualny i kolory.

- Krok 3: Działa automatycznie: Pasek nawigacji buduje się sam z nagłówków modułów poniżej. Przy trybie zakładkowym każda sekcja jest dostępna jednym kliknięciem.

Najczęściej zadawane pytania (FAQ)

Jaka jest różnica między trybem zakładkowym a trybem scroll?
Tryb zakładkowy wyświetla tylko jedną sekcję na raz – pozostałe są ukryte. Tryb scroll pokazuje wszystkie sekcje jednocześnie i nawigacja przewija stronę do wybranej.

Skąd moduł pobiera nazwy zakładek?
Automatycznie z nagłówków h2/h3 modułów umieszczonych poniżej paska nawigacji na stronie produktu.

Czy sticky pasek działa na mobile?
Tak – sticky pasek nawigacji działa na wszystkich rozmiarach ekranów. Konfigurowalny offset uwzględnia wysokość stałego nagłówka sklepu.

Dodatkowe informacje

Moduł jest przeznaczony do szablonu Storefront.

Instrukcja modułu Nawigacja modułów produktu - zakładki i sekcje

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