Mega menu per PrestaShop: rendere le categorie facili da esplorare

Immagina il percorso più comune in un negozio PrestaShop con un catalogo molto ampio. Un visitatore arriva in homepage, passa il mouse su "Prodotti", aspetta l'apertura del menu a discesa, passa su una categoria principale, aspetta il sottomenu laterale, passa su una sottocategoria e solo a quel punto clicca per arrivare all'elenco prodotti. Tre momenti di passaggio del mouse e attesa per raggiungere una sola pagina — e in un menu laterale basta spostare il cursore di un pixel fuori dalla colonna perché si chiuda tutto e si ricominci da capo. Un mega menu sostituisce tutto questo con un unico pannello ampio che mostra l'albero delle categorie in una volta sola: le categorie principali come intestazioni, le sottocategorie disposte in colonne sotto di esse, tutto visibile a colpo d'occhio. Il visitatore smette di cacciare tra livelli annidati e clicca direttamente dove vuole andare.

Questa guida riguarda esattamente questo lavoro — rendere sfogliabile un catalogo PrestaShop profondo: perché il menu predefinito arriva solo fino a un certo punto, come un mega menu si collega al tuo vero albero delle categorie, cosa inserirci e cosa lasciare fuori, e come deve comportarsi su telefono. Se la tua domanda è più "quale struttura di menu spinge davvero le persone verso l'acquisto", quello è un problema diverso e lo affrontiamo separatamente in Mega menu PrestaShop: costruire una navigazione che converte. Qui il focus è la scopribilità — far sembrare piccolo un negozio da 30 categorie e 200 prodotti.

Ultimo aggiornamento: giugno 2026.

Cosa ti offre PrestaShop di serie — e dove si ferma

Il tema PrestaShop predefinito (classic) gestisce la navigazione tramite il modulo ps_mainmenu — "Main menu" nell'elenco dei moduli, renderizzato dall'hook displayTop. Di serie genera una barra orizzontale di categorie principali con semplici sottomenu laterali basati su CSS. Lo configuri da Moduli → ps_mainmenu → Configura, dove selezioni quali categorie, pagine CMS e link personalizzati devono comparire e li trascini nell'ordine desiderato.

Per un negozio con otto o dieci categorie, ps_mainmenu va davvero bene — non sostituire ciò che funziona. Smette di bastare appena il catalogo diventa largo o profondo. I suoi sottomenu laterali mostrano comodamente solo due livelli; un terzo livello significa un ulteriore sottomenu che si apre di lato, cioè l'interazione più frustrante della navigazione web, perché il percorso del cursore per raggiungerlo attraversa uno spazio "morto" e il menu si richiude. Non c'è spazio per un blocco promozionale "Saldi", né per miniature di categoria, né per mostrare a un cliente che "Bagno" contiene sia "Docce" sia "Scarichi" senza costringerlo prima a passare il mouse. Un mega menu esiste per superare questo limite: invece di rivelare un ramo alla volta, apre un pannello che mostra un intero ramo — o più rami — in piano.

Perché un mega menu rende sfogliabile un grande catalogo

Il vantaggio non è "sembra moderno". È che un pannello piatto, visibile tutto insieme, cambia ciò che il visitatore può fare:

• Meno clic verso i contenuti profondi. Una sottocategoria che prima richiedeva tre passaggi del mouse ora è a un solo clic, perché compare sullo schermo appena il pannello si apre. E quindi? Meno passaggi tra l'arrivo sul sito e l'elenco prodotti significa meno persone che abbandonano a metà ricerca.
• Scoperta passiva. Un sottomenu laterale mostra solo il ramo su cui stai passando il mouse. Un mega menu mostra anche i rami vicini — il cliente arrivato per "Docce" vede "Kit wetroom" nella colonna accanto e ci clicca senza averlo mai cercato. Era catalogo che prima tenevi nascosto dietro un passaggio del mouse.
• Struttura comunicata a colpo d'occhio. Colonne e intestazioni spiegano al visitatore come è organizzato il negozio nel primo secondo, prima ancora che clicchi qualcosa. In un catalogo ampio, "come è strutturato questo negozio?" è la domanda che decide se una persona esplora o rimbalza.
• Link interni che Google può davvero usare. Se il menu è costruito con veri link <a href> (ne parliamo più avanti), ogni pagina del sito rimanda ora alle categorie chiave — aiutando Google a trovarle e a valutarne il peso. Entriamo nel lato strutturale in Struttura delle categorie PrestaShop: navigazione ottimizzata per la SEO.

Come un mega menu si collega all'albero categorie di PrestaShop

È qui che un buon mega menu si guadagna il suo posto, ed è qui che uno cattivo diventa un costo di manutenzione. Ci sono due modi per popolare il pannello, e la differenza conta ogni volta che tocchi il catalogo.

Un menu costruito manualmente tratta ogni voce come contenuto statico che hai digitato tu. Aggiungi una categoria in Catalogo → Categorie, ne rinomini una o cambi l'ordine, e il menu non se ne accorge — devi tornare a modificarlo a mano. In un negozio che si riorganizza a ogni stagione, questo scollamento è il modo in cui finisci con un menu che punta a una categoria eliminata a marzo.

Un menu basato sull'albero delle categorie legge la struttura PrestaShop reale e aggiornata (gli oggetti Category sotto la radice scelta, rispettando il flag Displayed e la posizione di ogni categoria) e la renderizza. Aggiungi o rinomini una categoria nel back office e il menu la riflette al caricamento successivo della pagina — senza una seconda modifica. E quindi? La navigazione non può mai uscire silenziosamente dall'allineamento con il catalogo, cioè proprio il tipo di errore che costa quando un cliente clicca una voce di menu che porta a un 404.

Qualunque strada tu scelga, ancora il menu alla radice giusta. La gerarchia delle categorie di PrestaShop dipende da una categoria nascosta Root, con Home sotto di essa; quasi sempre vuoi che il menu parta dalle sottocategorie di Home, non da Root, altrimenti mostrerai rami di sistema che nessun acquirente dovrebbe vedere.

Principi di design che decidono se aiuta o danneggia

Non riversarci dentro l'intera sitemap

Un mega menu con 200 link è peggio del menu a discesa che sostituisce — è un muro, e un muro lo si scorre con gli occhi senza leggerlo. La regola pratica: mostra le categorie principali e le loro sottocategorie importanti, poi lascia che le persone approfondiscano il resto dalle pagine categoria. Se un ramo è così profondo da non entrare, è un segnale che il tuo albero delle categorie è troppo profondo, non che il menu abbia bisogno di più colonne. La potatura di quel lato del catalogo vive in navigazione ottimizzata per la SEO.

Dagli una gerarchia visiva chiara

Le categorie principali dovrebbero leggersi come intestazioni — peso maggiore, dimensione leggermente più grande — con le sottocategorie come elenco semplice sotto. Raggruppa le sottocategorie correlate nella stessa colonna, così l'occhio scansiona dall'alto verso il basso dentro un tema prima di passare oltre. Il senso di appiattire la struttura è la leggibilità; un pannello piatto senza gerarchia tipografica è solo un muro più denso.

Usa le immagini con misura, e sappi quanto costano

Una piccola miniatura o icona accanto a una categoria aiuta davvero il riconoscimento nei settori visivi — moda, arredamento, décor, tutto ciò che si compra anche con gli occhi. Ma ogni immagine nel pannello è una richiesta che il browser potrebbe dover scaricare, e un menu pieno di miniature appare caotico e può rallentare il caricamento. Riserva le immagini a poche categorie di punta o a un singolo blocco promozionale, non a ogni riga. Se inserisci un riquadro "Saldi" o "Novità", quello è il punto in cui un banner giustifica il suo peso.

I blocchi promozionali ci stanno — con misura

Lo spazio libero in un pannello mega menu è il posto naturale per un riquadro "Nuovi arrivi" o un banner stagionale, perché il cliente è già in una mentalità di navigazione, del tipo "dove vado adesso". Un blocco promozionale per pannello merita attenzione; tre competono con la navigazione che hai costruito il menu per offrire.

Il mobile non è un ripensamento — è la maggior parte del traffico

Un mega menu, per definizione, non esiste su telefono. Su uno schermo touch non c'è passaggio del mouse, e un pannello largo a più colonne non entra in una viewport verticale. Quindi l'unica domanda che conta è in cosa si trasforma il menu su mobile — e per la maggior parte dei negozi il mobile rappresenta ormai la maggioranza delle sessioni, quindi questa è la versione che più clienti vedono davvero. Le meccaniche di un negozio pensato prima per il telefono sono un tema a parte: mobile commerce — il tuo negozio su telefono.

Il pattern che funziona è una fisarmonica richiudibile dietro l'icona hamburger: toccare una categoria principale espande i suoi figli nello stesso punto, toccarla di nuovo li richiude, e c'è sempre un link diretto "vedi tutta questa categoria" così il tocco sul livello padre non viene assorbito solo dal comando di espansione. Provalo su un dispositivo reale, non solo in una finestra desktop ridimensionata — l'errore da cercare è una categoria padre che può solo essere espansa ma mai visitata davvero, lasciando i clienti bloccati in un negozio che non riescono a navigare.

Le regole SEO e di crawlability che non puoi saltare

Un mega menu collega ogni pagina alle tue pagine categoria, e in generale questo aiuta Google a scoprire e pesare la struttura. Tre cose trasformano questo vantaggio in un problema:

• Renderizza veri link HTML. Una navigazione costruita solo in JavaScript, che inietta i link dopo il caricamento, è una scommessa sul fatto che i crawler la eseguano. Gli elementi standard <a href> nel sorgente della pagina non lo sono. Se il tuo menu è solo JS, potresti nascondere la struttura delle categorie proprio al crawler per cui l'hai costruita.
• Scrivi testi di ancoraggio che significhino qualcosa. "Scarichi in acciaio inox" dice a un acquirente e a Google cosa c'è dall'altra parte del link; "Categoria 7" non lo dice a nessuno dei due. Qui i menu basati sull'albero delle categorie ereditano automaticamente i nomi delle categorie — un altro motivo per nominarle bene fin dall'inizio.
• Non diluire tutto linkando ogni cosa. Un menu che collega tutte le 200 categorie da ogni pagina distribuisce troppo sottilmente il valore dei link. Metti in evidenza le categorie che generano fatturato; lascia che la coda lunga sia raggiunta dalle pagine categoria. È lo specchio, lato navigazione, della regola "non scaricare dentro la sitemap" vista sopra.

Come capire se ha funzionato davvero

Non giudicare una modifica alla navigazione a sensazione, e non giudicarla su tre giorni di dati. Prima del passaggio, annota quattro numeri dalle analytics; dopo che il menu è rimasto online per almeno 30 giorni e con un numero significativo di ordini, confronta gli stessi quattro:

• Pagine per sessione — dovrebbero aumentare, perché il pannello piatto espone categorie in cui prima le persone non entravano mai con il passaggio del mouse.
• Frequenza di rimbalzo delle pagine categoria — dovrebbe diminuire, perché i visitatori arrivano più velocemente alla categoria giusta invece che a quella più vicina ma sbagliata.
• Uso della ricerca interna — un calo qui è spesso un buon segnale: le persone trovano i prodotti esplorando invece di ripiegare sulla casella di ricerca. (Se la ricerca sta facendo il grosso del lavoro perché il catalogo è davvero troppo grande da navigare, quello è un problema di ricerca — vedi ricerca intelligente per PrestaShop.)
• Pattern di clic sul menu — uno strumento di heatmap come Microsoft Clarity mostra quali voci del menu vengono cliccate davvero, così puoi promuovere quelle vincenti e potare le colonne morte.

Navigazione e filtri si sovrappongono anche quando un cliente è dentro una grande categoria — quella è un'altra leva, trattata in rivoluzione dei filtri: trovare prodotti nei grandi cataloghi e in pagine categoria che convertono. Il lavoro del mega menu finisce sulla soglia della categoria; questi strumenti gestiscono ciò che succede dopo.

Farlo senza fare fork del tema

L'obiezione pratica ai mega menu è quella che i commercianti incontrano subito: costruire a mano un pannello multi-colonna, consapevole dell'albero categorie e capace di degradare bene su mobile significa modificare template e CSS del tema, e le modifiche al tema sono ciò che si rompe al prossimo aggiornamento. Il nostro modulo Mega Menu è la strada per evitarlo. Legge l'albero categorie PrestaShop aggiornato, così il pannello resta sincronizzato mentre aggiungi e riorganizzi categorie, lo dispone con un builder drag-and-drop per colonne e blocchi di contenuto, ti permette di inserire banner promozionali o prodotti in evidenza nello spazio libero e si trasforma da solo in una fisarmonica mobile — tutto configurato dal back office, agganciato alla posizione standard della navigazione invece che infilato a forza nei file del tema. E quindi cosa ti dà? La navigazione piatta e sfogliabile descritta sopra, senza una fattura da sviluppatore e senza un menu che marcisce in silenzio ogni volta che il catalogo cambia, perché segue le categorie invece di una loro copia da mantenere a mano.

Domande frequenti

Mi serve davvero un mega menu, o il ps_mainmenu predefinito va bene?

Se il negozio ha otto o dieci categorie, il modulo ps_mainmenu predefinito va davvero bene — non sostituire ciò che funziona. Un mega menu si guadagna il suo posto quando il catalogo diventa largo o profondo: i sottomenu laterali predefiniti mostrano comodamente solo due livelli, e un terzo livello significa un ulteriore sottomenu che si apre di lato, l'interazione più frustrante nella navigazione web perché il percorso del cursore attraversa spazio morto e il menu si richiude. Passa a un mega menu quando "come è strutturato questo negozio?" smette di avere una risposta a colpo d'occhio.

Il menu resterà sincronizzato quando aggiungo o rinomino categorie?

Solo se è basato sull'albero delle categorie invece che costruito manualmente. Un menu manuale tratta ogni voce come testo statico digitato da te, quindi aggiungere, rinominare o riordinare una categoria in Catalogo → Categorie lascia il menu obsoleto finché non lo sistemi a mano — ed è così che finisci a puntare a una categoria eliminata a marzo. Un menu basato sull'albero delle categorie legge la struttura reale (rispettando il flag Displayed e la posizione di ogni categoria) e riflette le modifiche al caricamento successivo della pagina, così la navigazione non può uscire silenziosamente dall'allineamento con il catalogo.

Un mega menu aiuta o danneggia la SEO?

Aiuta se è costruito correttamente e danneggia se è costruito con leggerezza. Renderizza veri link <a href> nel sorgente della pagina, non JavaScript che li inietta dopo il caricamento — un menu solo JS è una scommessa sul fatto che i crawler lo eseguano, e potresti nascondere proprio la struttura delle categorie che hai creato il menu per mostrare. Scrivi testi di ancoraggio significativi ("Scarichi in acciaio inox", non "Categoria 7"). E non linkare tutte le 200 categorie da ogni pagina; così diluisci il valore dei link. Metti in evidenza le categorie che generano fatturato e lascia che la coda lunga sia raggiunta dalle pagine categoria.

Cosa succede a un mega menu su telefono?

Non può esistere così com'è — su uno schermo touch non c'è passaggio del mouse, un pannello largo a più colonne non entra in una viewport verticale, e per la maggior parte dei negozi il mobile rappresenta ormai la maggioranza delle sessioni. Ciò che conta è in cosa si trasforma: il pattern che funziona è una fisarmonica richiudibile dietro l'icona hamburger, dove toccare una categoria principale espande i suoi figli nello stesso punto e c'è sempre un link diretto "vedi tutta questa categoria", così il livello padre non viene assorbito solo dal comando di espansione. Provalo su un dispositivo reale — l'errore da intercettare è una categoria padre che può solo espandersi e mai essere visitata davvero.

Quante immagini e blocchi promozionali dovrei mettere nel pannello?

Con misura. Riserva le miniature a poche categorie di punta o a un singolo riquadro promozionale, non a ogni riga — ogni immagine è una richiesta che il browser potrebbe dover scaricare, e un pannello pieno di miniature sembra caotico e può rallentare il caricamento. Un blocco promozionale per pannello merita attenzione; tre competono con la navigazione che il menu esiste per offrire. Lo spazio libero è il posto naturale per un riquadro "Nuovi arrivi", ma trattalo come un singolo accento, non come carta da parati.

Una buona navigazione è invisibile. Un acquirente in un negozio ben costruito non pensa mai al menu — continua semplicemente ad arrivare alla pagina che voleva. In un catalogo PrestaShop ampio, quella sensazione di invisibilità nasce da una decisione: smettere di rivelare le categorie un passaggio del mouse riluttante alla volta, e disporle abbastanza in piano perché l'intero negozio stia in un colpo d'occhio.