Kowal Mega Menu — megamenu automatico per Magento 2

MAGENTO 2 · CATEGORIE · MENU DESKTOP · LUMA E HYVÄ

Kowal Megamenu

Presenta il catalogo in colonne o sotto il pulsante PRODOTTI. Il menu utilizza la struttura delle categorie del negozio, mentre i link personalizzati portano a collezioni, saldi e altre pagine importanti.

1–6 colonne · Link personalizzati · Adapter Hyvä opzionale

COME FUNZIONA IN PRATICA

Kowal Megamenu trasforma l’albero delle categorie in un menu desktop chiaro e multicolonna. Il modulo utilizza le categorie del negozio corrente, il loro ordine, lo stato attivo e la visibilità.

Adatta il layout al catalogo. Il livello 1 è cliccabile, il livello 2 è visibile e il livello 3+ può aprirsi in un sottomenu.

Aggiungi collegamenti a saldi, novità, collezioni, blog o contatti — prima o dopo le categorie.

Il modulo funziona con Luma e dispone di un adapter opzionale per il menu desktop standard di Hyvä. Su mobile resta la navigazione nativa.

• generazione automatica dalle categorie Store View,
• layout da 1 a 6 colonne,
• livelli 3+ opzionali,
• link personalizzati e classi CSS,
• configurazione dipendente dalla vista negozio,
• ritorno alla navigazione nativa dopo la disattivazione del modulo,
• supporto per mouse e tastiera.

Compatibilità: Magento 2.4.6+, PHP compatibile con la versione Magento (minimo 8.1). Header o breakpoint personalizzati possono richiedere l’adattamento dell’integrazione.

In Stores → Configuration → Kowal → Megamenu scegli Nativo, Megamenu oppure PRODOTTI — elenco categorie e megamenu. La variante nativa mantiene il menu del tema senza i link personalizzati del modulo.

La variante PRODOTTI apre un elenco verticale delle categorie principali e un sottomenu a destra. Puoi impostare l’etichetta del pulsante e l’allineamento della barra al centro, a sinistra o a destra per Store View.

Il menu rispetta root category, ordine, stato attivo e Include in Menu. Le categorie sotto un genitore non visibile non vengono mostrate. Le intestazioni delle colonne restano cliccabili e i livelli più profondi possono essere abilitati come sottomenu.

Un link personalizzato ha URL, testo, classi CSS opzionali e una posizione prima o dopo le categorie. I percorsi relativi usano l’indirizzo base del negozio; le classi richiedono stili personalizzati. Nella variante PRODOTTI tutti i link aggiuntivi vengono visualizzati dopo il pulsante.

Il modulo e lo switch dell’adapter sono disattivati di default nella configurazione. Su Luma abilita Enable Megamenu. Su Hyvä abilita anche l’adapter Kowal_MegamenuHyva e Enable Hyva Adapter nella vista appropriata.

L’adapter mantiene la barra desktop standard di Hyvä e sostituisce il contenuto dei pannelli categoria supportati. La navigazione mobile nativa resta invariata; i link aggiuntivi del modulo riguardano il desktop.

Il menu supporta l’apertura tramite pulsante, hover, Tab, Enter/Space, ArrowDown, Escape e clic fuori dal pannello. Il link della categoria non perde la funzione di accesso alla pagina.

Luma usa la versione desktop da 768 px, mentre Hyvä mantiene il breakpoint della barra del tema. Header personalizzati, template monolitici più datati e Hyvä Commerce Menu Builder richiedono un’integrazione separata. Anche le regole di accesso B2B alle categorie devono essere considerate durante l’implementazione.

Dopo le modifiche svuota la cache config, layout, block_html e full_page. Il menu utilizza i tag delle categorie ed è memorizzato in cache insieme alla pagina in FPC/Varnish.

La disattivazione del modulo ripristina il renderer nativo. Le aggiunte all’albero del menu provenienti da altre estensioni in Luma non vengono trasferite automaticamente al megamenu; verifica le voci richieste prima della pubblicazione.

Il pacchetto kowal/module-megamenu, modulo Kowal_Megamenu. Dopo aver configurato l'accesso al repository Kowal, installa il pacchetto, abilita il modulo, aggiorna Magento e svuota la cache. In produzione, includi compilazione e deploy dei contenuti statici secondo il processo del negozio.

1. Organizzi le categorie
Definisci ordine, stato attivo e visibilità nel menu.

2. Scegli la variante di navigazione
Configuri colonne, livelli e link personalizzati.

3. Il cliente usa il menu
Su desktop esplora il catalogo, mentre su smartphone utilizza la navigazione nativa.

La barra principale contiene un pulsante che apre un elenco verticale di categorie. I relativi sottomenu si aprono a destra in colonne, mentre i link a promozioni e contatti appaiono accanto al pulsante.