Kowal Mega Menu — automatyczne megamenu dla Magento 2

MAGENTO 2 · KATEGORIE · MENU DESKTOP · LUMA I HYVÄ

Kowal Megamenu

Prezentuj katalog w kolumnach lub pod przyciskiem PRODUKTY. Menu wykorzystuje strukturę kategorii sklepu, a własne linki prowadzą do kolekcji, wyprzedaży i innych ważnych stron.

1–6 kolumn · Własne linki · Opcjonalny adapter Hyvä

JAK TO DZIAŁA W PRAKTYCE

Kowal Megamenu zamienia drzewo kategorii w czytelne, wielokolumnowe menu desktopowe. Moduł korzysta z kategorii bieżącego sklepu, ich kolejności, aktywności i widoczności.

Dopasuj układ do katalogu. Poziom 1 jest klikalny, poziom 2 widoczny, a poziom 3+ może otwierać się w podmenu.

Dodaj odnośniki do wyprzedaży, nowości, kolekcji, bloga lub kontaktu — przed albo za kategoriami.

Moduł działa z Lumą i ma opcjonalny adapter standardowego menu desktopowego Hyvä. Na mobile pozostaje natywna nawigacja.

• automatyczne generowanie z kategorii Store View,
• układ od 1 do 6 kolumn,
• opcjonalne poziomy 3+,
• własne linki i klasy CSS,
• konfiguracja zależna od widoku sklepu,
• powrót do natywnej nawigacji po wyłączeniu modułu,
• obsługa myszy i klawiatury.

Zgodność: Magento 2.4.6+, PHP zgodne z wersją Magento (minimum 8.1). Niestandardowe nagłówki lub breakpointy mogą wymagać dopasowania integracji.

W Stores → Configuration → Kowal → Megamenu wybierz Natywne, Megamenu lub PRODUKTY — lista kategorii i megamenu. Wariant natywny zachowuje menu motywu bez własnych linków modułu.

Wariant PRODUKTY otwiera pionową listę głównych kategorii i podmenu po prawej. Etykietę przycisku oraz wyrównanie belki do środka, lewej lub prawej strony ustawisz per Store View.

Menu respektuje root category, kolejność, aktywność i Include in Menu. Kategorie pod niewidocznym rodzicem nie są pokazywane. Nagłówki kolumn pozostają klikalne, a głębsze poziomy można włączyć jako podmenu.

Własny link ma URL, tekst, opcjonalne klasy CSS i pozycję przed lub za kategoriami. Ścieżki względne korzystają z bazowego adresu sklepu; klasy wymagają własnych stylów. W wariancie PRODUKTY wszystkie dodatkowe linki pojawiają się za przyciskiem.

Moduł i przełącznik adaptera są domyślnie wyłączone w konfiguracji. Na Lumie włącz Enable Megamenu. Na Hyvä włącz także adapter Kowal_MegamenuHyva oraz Enable Hyva Adapter w odpowiednim widoku.

Adapter zachowuje standardową belkę desktopową Hyvä i zastępuje zawartość obsługiwanych paneli kategorii. Natywna nawigacja mobilna pozostaje bez zmian; dodatkowe linki modułu dotyczą desktopu.

Menu obsługuje otwieranie przyciskiem, hover, Tab, Enter/Space, ArrowDown, Escape i kliknięcie poza panelem. Link kategorii nie traci funkcji przejścia do strony.

Luma używa desktopu od 768 px, a Hyvä zachowuje breakpoint belki motywu. Własne nagłówki, starsze monolityczne szablony i Hyvä Commerce Menu Builder wymagają osobnej integracji. Reguły dostępu B2B do kategorii także trzeba uwzględnić przy wdrożeniu.

Po zmianach wyczyść cache config, layout, block_html i full_page. Menu korzysta z tagów kategorii i jest cacheowane razem ze stroną w FPC/Varnish.

Wyłączenie modułu przywraca natywny renderer. Dodatki do drzewa menu innych rozszerzeń w Lumie nie są automatycznie przenoszone do megamenu; sprawdź wymagane pozycje przed publikacją.

Pakiet kowal/module-megamenu, moduł Kowal_Megamenu. Po skonfigurowaniu dostępu do repozytorium Kowal zainstaluj pakiet, włącz moduł, zaktualizuj Magento i wyczyść cache. W produkcji uwzględnij kompilację i wdrożenie treści statycznych zgodnie z procesem sklepu.

1. Porządkujesz kategorie
Ustalasz kolejność, aktywność i widoczność w menu.

2. Wybierasz wariant nawigacji
Konfigurujesz kolumny, poziomy i własne linki.

3. Klient korzysta z menu
Na desktopie odkrywa katalog, a na telefonie korzysta z natywnej nawigacji.

Główna belka zawiera przycisk rozwijający pionową listę kategorii. Ich podmenu otwiera się po prawej w kolumnach, a linki do promocji i kontaktu pojawiają się obok przycisku.