Dropdown menu

Guida pratica Tutti i piani 2 min di lettura

Usa un dropdown (flyout) per elenchi brevi come Chi siamo > La nostra storia, Contatti, FAQ. Supporta più livelli, ad esempio Scarpe > Sneaker > Running.

Aggiungi un dropdown

1. Scegli un modello

   Nell’albero Elementi dell’editor, fai clic su Aggiungi sottomenu sotto una voce di primo livello che non ha ancora un sottomenu. Punta su Dropdown menu (flyout menu) e fai clic su Seleziona su Vertical dropdown o Horizontal dropdown.

   

   I due modelli di dropdown. Ognuno aggiunge voci di esempio che puoi rinominare.

2. Modifica le voci figlie

   Passa il mouse su una voce di esempio e fai clic su Modifica voce per cambiarne Titolo e Link. Vedi Modifica una voce di menu per Icona, Icona immagine, Descrizione, Badge e Visibilità.

3. Aggiungi voci e livelli

   Fai clic su Aggiungi voci per aggiungere una voce allo stesso livello. Fai clic su Aggiungi dropdown sotto una voce per darle un proprio elenco più profondo.

4. Salva e pubblica

   Fai clic su Salva, poi su Pubblica.

Modelli

Vertical dropdown

Le voci sono impilate in una colonna sotto la voce di menu. I livelli più profondi si aprono di lato.

Horizontal dropdown

Le voci compaiono in una riga a tutta larghezza sotto la barra del menu. Ogni livello più profondo si apre come una nuova riga sotto.

Impostazioni del dropdown

Passa il mouse sulla voce principale, fai clic su Modifica voce e scorri fino a Sottomenu. Non devi ricostruire il dropdown per cambiarne il layout.

Tipo

Vertical dropdown o Horizontal dropdown. Nessuno disattiva il dropdown ma ne mantiene le voci.

Larghezza e allineamento

Solo dropdown verticali: Centro, Sinistra o Destra sotto la voce. I dropdown orizzontali usano sempre l’intera larghezza.

Altezza e allineamento

Sostituisce Larghezza e allineamento nei dropdown verticali: Centro, In alto o In basso.

Cambialo o rimuovilo

• Mettilo in pausa — imposta Tipo su Nessuno. Le voci vengono mantenute.
• Cambia modello — imposta Tipo su Nessuno, poi fai di nuovo clic su Aggiungi sottomenu.
• Rimuovi una voce — passa il mouse su di essa e fai clic su Elimina voce.
• Tienilo poco profondo — al massimo circa 3 livelli; i menu più profondi sono difficili da usare su mobile.
• Usa un’etichetta — una voce senza link apre solo il proprio elenco.
• Ti servono immagini o colonne? Usa un mega menu.

Risoluzione dei problemi

Il dropdown non si apre nel mio negozio

Controlla che Tipo non sia Nessuno, che il dropdown abbia almeno una voce e che tu abbia fatto clic su Salva e Pubblica. Per problemi legati al tema, vedi Perché il mio menu non compare?

Pagine correlate

• SottomenuConfronta dropdown, mega menu, tabbed menu e masonry layout, e scegli il sottomenu giusto per ogni voce.
• Mega menuCrea un ampio pannello di sottomenu con blocchi come elenchi di link, immagini, prodotti e un modulo di contatto.
• Modifica una voce di menuCambia titolo, link, icona, colori, badge, sottomenu e visibilità di una voce, oppure duplicala, spostala ed eliminala.

Questa pagina ti è stata utile?

Segnala un problema