Dlaczego Twoim klientom to się spodoba?

Klienci coraz częściej opuszczają sklep, jeśli nawigacja jest nieczytelna lub wymaga zbyt wielu kliknięć. Nawigacja Menu Pro zamienia standardowe menu Shopera w profesjonalne mega menu - z ikonami, badge'ami, podglądem kategorii w trzech trybach wyświetlania i polecanymi produktami widocznymi już z poziomu menu.

Na urządzeniach mobilnych panel boczny nawigacji staje się kompletnym punktem kontaktu: banery promocyjne, sekcja z danymi sklepu (adres, telefon, e-mail), własne linki i ikony social media - wszystko dostępne jednym pociągnięciem palca.

Jakie posiada możliwości?

Moduł kompleksowo rozbudowuje nawigację szablonu Storefront. Wszystkie ustawienia dostępne są w jednym panelu konfiguracyjnym SVE:

• - Ikony przy pozycjach nawigacji - obraz (PNG, SVG, WebP) z kontrolą rozmiaru, pozycji (przed/za tekstem), odstępu i opcją własnego koloru ikony (maska CSS); widoczne na desktopie i w mobilnym panelu bocznym,
• - Badge tekstowy (np. NOWE, SALE, HOT) - pełna kontrola koloru tła, tekstu, obramowania, paddingu i 5 wariantów pozycji (prawa, lewa, prawy górny róg, lewy górny róg, góra środek),
• - Kolor tekstu i tła per pozycja nawigacji - wyróżnij wybrane pozycje własnym kolorem,
• - Wyróżnienie aktywnej pozycji z konfigurowalnym kolorem,
• - Sticky menu - przyklejone menu przy przewijaniu, osobna opcja dla desktop i mobile,
• - Przyciemnienie tła przy otwartym dropdownie - kolor i przezroczystość (0-100),
• - 3 szerokości panelu dropdown: standardowa (dopasowana do treści), szeroka (pełna szerokość paska nawigacji) lub pełny viewport (100vw, edge-to-edge),
• - Układ treści dropdownu: poziomy (kategorie + panel boczny obok siebie) lub pionowy (wszystko pionowo),
• - 3 tryby wyświetlania podkategorii: lista (1-6 kolumn, opcjonalne grupowanie z nagłówkami), kafelki (automatyczne zdjęcia kategorii ze sklepu z opcją wyłączenia obrazków, własny nagłówek i opis WYSIWYG nad kafelkami, wyrównanie, nazwy) lub siatka (kolumny z obrazkami kategorii i linkami do pod-podkategorii, przycisk "pokaż więcej", własny nagłówek i opis WYSIWYG nad siatką),
• - Do 6 banerów w dropdownie - własny nagłówek i opis WYSIWYG nad banerami, orientacja pozioma lub pionowa, odstęp, maksymalna wysokość, zaokrąglenie, linki,
• - Do 12 polecanych produktów w dropdownie - kafelki renderowane server-side, 1-6 kolumn, nagłówek, opis WYSIWYG,
• - Logo producentów/marek w dropdownie - siatka 1-6 kolumn, nagłówek, opis WYSIWYG, linki do stron producentów, opcjonalna nazwa marki pod logo, maksymalna wysokosc logo (px), wyrownanie (do lewej, srodek, do prawej),
• - Własna kolumna HTML w dropdownie - edytor WYSIWYG z konfigurowalnymi kolorami tła i tekstu,
• - Linia górna i/lub dolna paska nawigacji - grubość (px), kolor, opcja rozciągnięcia do krawędzi viewportu,
• - Kolory tła panelu dropdown, panelu bocznego i podświetlenia kart produktów przy hover,
• - Zaokrąglenie kart i banerów (px),
• - Własny przycisk hamburgera - własny obraz ikony (PNG/SVG/WebP), rozmiar, kolor, tło z zaokrągleniem i obramowaniem, tekst etykiety i jej pozycja, wyrównanie przycisku,
• - Logo sklepu w mobilnym panelu bocznym - własny obraz lub logo szablonu, link, wysokość,
• - Sticky pasek nawigacji mobile - pozycja góra/dół, kolory, ikony Szukaj / Ulubione / Konto / Koszyk z własnymi obrazami i etykietami, ukrycie etykiet,
• - Banery w mobilnym panelu bocznym - obraz, link, alt text, nowa karta, pozycja góra lub dół listy kategorii,
• - Sekcja kontaktowa w mobilnym panelu bocznym - logo (obraz/tekst/brak), adres, telefon z godzinami obsługi, e-mail, własne ikony telefonu i e-maila (dane pobierane automatycznie z ustawień sklepu),
• - Własne linki w mobilnym panelu bocznym - tekst, URL, ikona, nowa karta, wyróżnienie kolorem akcentowym,
• - Ikony social media w mobilnym panelu bocznym - Facebook, Instagram, YouTube, TikTok, X (Twitter), Pinterest, LinkedIn, Snapchat, WhatsApp, inne (własna ikona),
• - Kolory mobilne - tło sekcji, kolor linków, kolor wyróżnienia, kolor ikon social media, rozmiar ikon.

Korzyści dla Ciebie (Sprzedawcy)

Jedno rozwiązanie kompleksowo rozbudowuje całą nawigację sklepu:

• - Wszystko w jednym panelu: mega menu, ulepszenia mobilne i wygląd przycisku hamburgera - bez instalowania kilku osobnych modułów,
• - Lepsza konwersja: polecane produkty i banery widoczne już z poziomu menu skracają ścieżkę zakupową klientów,
• - Profesjonalny wygląd: ikony, badge, kolory i trzy tryby wyświetlania kategorii dopasowane do identyfikacji marki,
• - Mobile-first: sticky pasek z koszykiem i wyszukiwarką oraz sekcja kontaktowa w panelu bocznym zamieniają menu mobilne w pełnoprawny panel sprzedażowy,
• - Konfiguracja bez kodu: wszystko przez SVE, zmiany widoczne natychmiast.

Co zyska Twój klient?

Klient korzystający z rozbudowanej nawigacji:

• - Szybszą orientację w katalogu: ikony, badge i trzy tryby wyświetlania kategorii (lista, kafelki, siatka) ułatwiają skanowanie oferty na pierwszy rzut oka,
• - Podgląd produktów z menu: polecane produkty i banery w dropdownie skracają drogę do zakupu bez wchodzenia w kategorie,
• - Kompletne mobile: dane kontaktowe, linki i social media dostępne bezpośrednio w panelu bocznym nawigacji - bez szukania ich na stronie.

Jak to działa? (3 proste kroki)

Krok 1: Instalacja: Zainstaluj moduł z Shoper AppStore i umieść go w edytorze układu nagłówka SVE obok lub zamiast standardowego modułu Menu.

Krok 2: Konfiguracja: Skonfiguruj ikony i badge dla wybranych pozycji menu, ustaw wygląd dropdownów (tryb wyświetlania kategorii, banery, produkty, HTML), na końcu uzupełnij sekcje mobilne (hamburger, sticky pasek, banery, kontakt, linki, social media).

Krok 3: Działa automatycznie: Ikony i badge widoczne od razu w nawigacji desktop i mobile. Rozszerzone dropdowny otwierają się po najechaniu na skonfigurowane pozycje. Sekcje mobilne aktywne wyłącznie w panelu bocznym nawigacji.

Najczęściej zadawane pytania (FAQ)

Czy mogę użyć tylko funkcji ikon bez rozszerzania dropdownów?
Tak, sekcje ikon, badge, kolorów i dropdownów są całkowicie niezależne. Możesz skonfigurować tylko ikony bez dotykania ustawień dropdownów i odwrotnie.

Ile dropdownów mogę skonfigurować i ile produktów w każdym?
Do 30 skonfigurowanych dropdownów, w każdym do 12 polecanych produktów wyświetlanych w 1-6 kolumnach.

Czy moduł działa z każdym typem linku w menu (kategoria, kolekcja, blog, własny link)?
Tak. Ikony, badge i kolory działają dla wszystkich typów linków. Tryby kafelki i siatka działają dla linków kategorii i "Wszystkie kategorie". Banery, produkty, logo producentów i HTML można dodać do dowolnego linku.

Dodatkowe informacje

Moduł jest przeznaczony do szablonu Storefront.

Instrukcja modułu Nawigacja Menu Pro

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