[im4] ⭐ MEGA MENU v6.2 ⭐

Mega Menu v6.2 — instrukcja sekcja po sekcji; w v41 uproszczono wizualizację dropdownów produktowych do samego menu i submenu, sekcję „Kafelek produktu” przeniesiono do układu opis + wizualizacja z listą elementów bazowych, a całość dopracowano pod dalsze iteracje sekcji produktowych.

Mega Menu v6.2 — najważniejsze informacje

Mega Menu v6.2 korzysta z prawdziwego drzewa kategorii Shopera i pozwala osobno skonfigurować układ poziomów 1–4, style, submenu, produkty, producentów, badge oraz zachowanie sticky.

Najważniejsze jest to, że nie każda pozycja menu musi działać tak samo. Jedna kategoria może korzystać z układu z lewą kolumną, inna z pełnej szerokości, a kolejna ze zwykłej rozwijanej listy lub dodatkowych elementów sprzedażowych.

Wersja 6.2 łączy desktop i mobile w jednej architekturze oraz porządkuje konfigurację tak, aby nie trzeba było utrzymywać dwóch niezależnych menu.

Ważne przed uruchomieniem modułu

Mega Menu v6.2 jest zintegrowane z menu mobilnym, więc po wdrożeniu nie zostawiaj w layoucie starego, osobnego menu mobilnego. Obecny element „Menu (linki w nagłówku) #1” należy usunąć, aby nie dublować nawigacji.

Jeżeli moduł jest osadzony w kolumnie nad starym menu, sprawdź ustawienie Widoczność na urządzeniach. Aby Mega Menu działało także na telefonie, w tej kolumnie musi być zaznaczone nie tylko Tablet / Laptop / Desktop, ale również Telefon.

Po usunięciu starego modułu mobilnego i włączeniu widoczności kolumny na telefonie jedno Mega Menu obsługuje zarówno desktop, jak i mobile.

Jak działa menu mobilne?

W tej wersji desktop i mobile działają w ramach jednego modułu. Konfigurujesz jedną architekturę menu, a moduł prezentuje ją w odpowiedniej formie na komputerze i telefonie.

Na froncie nie dochodzi do duplikowania kategorii przez osobny drugi moduł mobilny. Mobilna nawigacja korzysta z tej samej logiki i tego samego drzewa kategorii co wersja desktopowa.

Dzięki temu zmiany konfiguracji Mega Menu obejmują również wariant mobilny i nie rozjeżdżają się pomiędzy dwoma niezależnymi menu.

Co zmieniło się względem starszych wersji?

✓

Jedna architektura desktop + mobile — zamiast utrzymywania dwóch niezależnych sposobów nawigacji.

✓

Lepszy podział konfiguracji — osobne sekcje dla ustawień ogólnych, stylu, SEO, kategorii poziomu 1 / 2 / 3, grafik, etykiet, produktów i linków.

✓

Więcej wariantów submenu — m.in. lewa kolumna, pełna szerokość, zwykła lista, „Wszystkie kategorie” oraz dropdowny produktowe.

✓

Optymalizacja template — powtarzalne fragmenty są ponownie używane zamiast kopiowania zbliżonego markupu.

✓

Rozbudowana obsługa sprzedażowa — produkty w menu, osobne dropdowny Nowości / Promocji / Bestsellerów, badge, grafiki i producenci.

Konfiguracja sekcja po sekcji

Poniżej każda sekcja jest pokazana w jednym, stałym układzie: opis po lewej, przykładowe ustawienia na środku i — tam, gdzie ma to sens — dynamiczna wizualizacja po prawej. Ustawienia techniczne, takie jak SEO, nie dostają sztucznego podglądu wizualnego.

Szybki test przed publikacją

Otwórz każdą kategorię 1 poziomu i sprawdź właściwy wariant submenu.
Zweryfikuj przełączanie kategorii 2 i 3 poziomu.
Sprawdź osobno Nowości, Promocje, Bestsellery i Marki, jeśli są aktywne.
Przetestuj badge, grafiki, linki po prawej stronie i produkty.
Na mobile przejdź minimum dwa poziomy w dół i sprawdź poprawność powrotu.