iModules — Szablon COSMO
[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.

Interaktywny podgląd
Interaktywny symulator jest dostępny w pełnym widoku instrukcji. Wersja dla czytników AI pomija kod i dane symulatora, aby dokument pozostał lekki.
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.