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

Dodaje pasek nawigacji na stronie produktu z trybem zakładkowym lub scroll, sticky, 4 stylami wizualnymi i pełną personalizacją kolorów.

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.
• - własny identyfikator HTML (kotwica do przewijania strony) oraz własna klasa CSS do niestandardowego stylowania.

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

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