Salta ai contenuti
GloboGlobo Docs
Installa l’app
Italiano

Mega menu

Crea un ampio pannello di sottomenu con blocchi come elenchi di link, immagini, prodotti e un modulo di contatto.

Guida pratica Tutti i piani 3 min di lettura

Un mega menu apre un ampio pannello sotto una voce di primo livello e dispone i blocchi affiancati in colonne. Usalo quando un solo elenco a discesa non basta, ad esempio per mostrare più categorie contemporaneamente accanto a un’immagine promozionale.

Crea un mega menu

  1. Scegli un modello

    Nell’albero Elementi dell’editor, fai clic su Aggiungi sottomenu sotto una voce di primo livello. Punta su Mega menu e fai clic su Seleziona su un modello.

    Parti dal modello più vicino al layout che vuoi: è più veloce di Vuoto.

  2. Aggiungi i blocchi

    Fai clic su Aggiungi blocco nell’anteprima del pannello, scegli un gruppo in Seleziona blocco, poi fai clic su Seleziona su un layout.

    Aggiungi blocco compare dentro il pannello aperto e sotto il mega menu nell'albero Elementi.

  3. Compila ogni blocco

    Passa il mouse su un blocco e fai clic sull’icona della matita per modificarlo. Per un elenco di link, fai clic su Aggiungi voci.

  4. Dimensiona le colonne

    Imposta la Larghezza di ogni blocco in modo che una riga sommi al 100%, ad esempio 25% × 4 oppure 50% + 25% + 25%. Un blocco che non ci sta inizia una nuova riga.

  5. Salva e pubblica

    Fai clic su Salva, poi su Pubblica.

Modelli

Vuoto
Un pannello vuoto per i tuoi blocchi.
Elenchi di link
4 elenchi di link, 3 elenchi di link + 1 immagine, 2 elenchi di link + 2 immagini, 1 elenco di link + 3 immagini.
Immagini e prodotti
4 immagini, 4 prodotti.
Elenchi di prodottiGrowth · Pro
4 elenchi di prodotti, 1 elenco di link + 3 elenchi di prodotti.
CaroselliGrowth · Pro
Carosello di prodotti, Elenco di link + carosello di prodotti, Immagine + carosello di prodotti.
Contatto
Mappa + contatto + indirizzo.

I modelli bloccati mostrano un badge del piano e Passa a un piano superiore per usare. Vedi Piani e fatturazione.

Layout del pannello

Per cambiare l’intero pannello, passa il mouse sulla voce principale, fai clic su Modifica voce e scorri fino a Sottomenu.

Impostazioni del sottomenu di un mega menu
TipoPredefinito: Mega
Nessuno nasconde il sottomenu ma ne mantiene il contenuto, così puoi riattivarlo più tardi.
Larghezza e allineamentoPredefinito: Larghezza intera
Larghezza intera copre l’intera barra del menu. Centro, Sinistra o Destra creano un pannello più stretto sotto la voce.
LarghezzaPredefinito: 550 px
La larghezza del pannello, mostrata quando il pannello non è a larghezza intera.
Allineamento del contenuto
Come si distribuiscono i blocchi quando non riempiono la riga: Centro, Sinistra, Destra, Spazio intorno, Spazio tra, Spazio uniforme.
Colore di sfondoPredefinito: Trasparente
#FFFFFF00 usa il colore del sottomenu del menu.
Immagine di sfondo
Un’immagine dietro il pannello, come un banner stagionale.

Cambialo o rimuovilo

  • Mettilo in pausa — imposta Tipo su Nessuno. Il contenuto viene mantenuto.
  • Cambia modello — imposta Tipo su Nessuno, poi fai di nuovo clic su Aggiungi sottomenu.
  • Rimuovi un blocco — passa il mouse su di esso e fai clic su Elimina voce.
  • Riordina i blocchi — trascinali nell’albero Elementi.

Risoluzione dei problemi

Il mega menu non si apre nel mio negozio

Controlla che Tipo non sia Nessuno, che il pannello abbia almeno un blocco e che tu abbia fatto clic su Salva e Pubblica. Non compare ancora? Vedi Perché il mio menu non compare?

Le colonne vanno a capo su una seconda riga

Le larghezze dei blocchi in quella riga sommano più del 100%. Riduci la Larghezza di un blocco, oppure impostali tutti su Automatico.

Le colonne hanno altezze diverse e lasciano spazi vuoti

Attiva il masonry layout per impilare ordinatamente blocchi di altezze diverse.

Questa pagina ti è stata utile?

Segnala un problema