Impostazione di menu a discesa nel negozio online

Puoi utilizzare i menu a discesa per raggruppare prodotti, collezioni o pagine e semplificare ai clienti la navigazione nel tuo negozio online. Ad esempio, se hai molti prodotti, puoi inserirli in collezioni e aggiungere un menu a discesa al menu principale per organizzare le collezioni. In questo modo puoi aiutare un cliente a trovare il tipo di prodotti che sta cercando.

Puoi inoltre aggiungere, rimuovere o modificare le voci di menu a discesa o dei menu predefiniti.

Nota

I menu footer possono mostrare solo le voci di primo livello. I menu a discesa non possono essere utilizzati nel footer del negozio online.

Puoi visualizzare e modificare i menu del negozio online da Contenuto > Menu nel pannello di controllo Shopify.

Nota

Nella maggior parte dei casi, devi creare un elemento prima di poter creare un link all’elemento. Ad esempio, devi creare una collezione prima di poterla aggiungere a un menu.

Nidificare voci di menu per creare menu a discesa

Puoi creare menu a discesa creando o spostando voci di menu in modo da nidificarle in una voce di livello superiore. La voce di livello superiore viene visualizzata nel menu principale del negozio online e le voci di menu nidificate sono visualizzate in un menu a discesa. La voce di livello superiore può avere fino a due livelli di menu a discesa nidificati.

Tutti i temi possono mostrare voci nidificate come menu a discesa dal menu principale e alcuni temi possono mostrare voci nidificate come menu a discesa in altre posizioni.

Il menu principale e il menu a discesa vengono visualizzati in diverse sezioni del tuo negozio online a seconda del tema che hai scelto. In alcuni temi, accanto al nome dei menu a discesa nel menu principale viene visualizzata un'icona per aiutare i clienti a identificare la presenza di un menu a discesa.

Nota

Assicurati di aggiornare il tuo tema in modo che visualizzi tutti e tre i livelli di menu nel tuo negozio online.

Aggiungi un menu a discesa dal menu principale

Puoi aggiungere un menu a discesa su qualsiasi voce del menu principale.

Passaggi:

Desktop

1. Dal pannello di controllo Shopify vai su Contenuti > Menu.

2. Clicca sul nome del tuo menu principale.

3. Scegli una delle voci del menu principale come intestazione del menu a discesa oppure aggiungi una nuova voce di menu. Se non vuoi che l'header sia collegato a nulla, inserisci # nel campo Cerca o incolla un collegamento per la voce di menu dell'intestazione.

4. Per aggiungere una voce di menu da includere nel menu a discesa, completa i seguenti passaggi:

   1. Fai clic su Aggiungi voce al menu.
   2. Nel campo Nome inserisci un nome per la voce di menu.
   3. Nel campo Cerca o incolla un link inserisci o seleziona una destinazione per la voce di menu.

5. Fai clic su Aggiungi, quindi su e trascina la voce di menu per annidarla sotto la voce di menu dell'intestazione.

6. Fai clic su Salva menu.

iPhone

1. Dall'app di Shopify tocca il pulsante .

2. Tocca Contenuti > Menu.

3. Tocca il nome del menu principale.

4. Scegli una delle voci di menu principale come header per il menu a discesa o aggiungi una nuova voce di menu come header. Se non vuoi che l'header rimandi a un link, puoi inserire # nel campo Cerca o incolla un link per la voce di menu dell'header.

5. Per aggiungere una voce di menu da includere nel menu a discesa, completa i seguenti passaggi:

   1. Tocca Aggiungi voce di menu.
   2. Nel campo Nome inserisci un nome per la voce di menu.
   3. Nel campo Cerca o incolla un link inserisci o seleziona una destinazione per la voce di menu.

6. Tocca Aggiungi, quindi tocca e trascina la voce di menu per annidarla sotto la voce di menu dell'header.

7. Tocca Salva.

Android

1. Dall'app Shopify, tocca il pulsante .

2. Tocca Contenuti > Menu.

3. Tocca il nome del menu principale.

4. Scegli una delle voci di menu principale come header per il menu a discesa o aggiungi una nuova voce di menu come header. Se non vuoi che l'header rimandi a un link, puoi inserire # nel campo Cerca o incolla un link per la voce di menu dell'header.

5. Per aggiungere una voce di menu da includere nel menu a discesa, completa i seguenti passaggi:

   1. Tocca Aggiungi voce di menu.
   2. Nel campo Nome inserisci un nome per la voce di menu.
   3. Nel campo Cerca o incolla un link inserisci o seleziona una destinazione per la voce di menu.

6. Tocca Aggiungi, quindi tocca e trascina la voce di menu per annidarla sotto la voce di menu dell'header.

7. Tocca ✓.

Nota

Sulla maggior parte dei temi, puoi modificare il menu principale predefinito dalle impostazioni nella sezione Header del tema.

integrazione del piè di pagina del menu

menu a discesa I menu possono essere implementati anche nel footer del menu.

Passaggi:

1. Dal pannello di controllo Shopify vai su Contenuti > Menu.
2. Facoltativo: seguire gli stessi principi di annidamento utilizzati per i menu principali, ad esempio trascinando la voce di menu sotto una voce header per creare una struttura di menu a discesa facendo clic su e trascinando le voci in posizione.
3. Inserisci # nel campo Collegamento per gli elementi header che non devono collegarsi a una pagina (ad esempio, l'intestazione "assistenza" o "Esplora").

Considerazioni sulla compatibilità del tema

Per aggiungere menu a discesa al tuo tema, tieni presente le seguenti considerazioni:

• La maggior parte dei temi supporta fino a due livelli di menu annidati a discesa. Controlla la documentazione del tuo tema o testa gli elementi annidati per confermarne la compatibilità.
• Alcuni temi potrebbero richiedere modifiche CSS per migliorare l'usabilità sui dispositivi mobili. Non personalizzare il tema se non hai familiarità con il codice del tema. Maggiori informazioni/Scopri di più sulla personalizzazione del tuo tema.

Determinare se il tema supporta i menu a discesa nidificati

Per determinare se il tema corrente supporta il numero massimo di livelli dei menu a discesa nidificati che desideri implementare, puoi utilizzare le seguenti risorse:

1. Controlla la documentazione del tuo tema: consulta la documentazione del tema per informazioni specifiche sulle funzionalità dei menu e sui livelli di nidificazione supportati.

2. Prova gli articoli nidificati: crea una struttura di menu di prova con il numero desiderato di livelli nidificati e verifica che venga visualizzata correttamente sia sui dispositivi desktop che su quelli mobili.

La maggior parte dei temi supporta fino a due livelli di menu a discesa nidificati. Se riscontri problemi con i menu a discesa, verifica che il tema supporti il numero di livelli nidificati che stai cercando di implementare, poiché alcuni temi potrebbero richiedere una personalizzazione aggiuntiva per supportare più livelli di nidificazione.

buone pratiche per i menu a discesa

Per creare una struttura di menu utile e che funzioni bene su tutti i dispositivi, è opportuno rivedere le seguenti best practice.

• Utilizzare Label descrittiva, ad esempio "Shop per categoria", per il menu vocale di primo livello con # link.

• Assicurarsi che i menu siano ottimizzati sui dispositivi mobili. Puoi testare i menu sul dispositivo mobile per confermare che menu a discesa menus espandere sia come previsto.

• Aggiungere al massimo sette voci di menu di primo livello per evitare il sovraffollamento.

• Utilizzare titoli dei link trasparenti e descrittivi. Ad esempio "Collezioni" e "Abiti estivi".

Risoluzione dei problemi comuni

Esamina le seguenti soluzioni ai problemi più comuni che potresti riscontrare durante la configurazione dei menu di navigazione:

• Reindirizzamenti del menu mobile: se un collegamento al menu di primo livello reindirizza a una nuova pagina quando lo tocchi, controlla il menu nel pannello di controllo Shopify per confermare che il campo del collegamento al menu sia #.

• Problemi di visibilità: se gli elementi nidificati non vengono visualizzati, assicurati che siano trascinati completamente sotto l’elemento header e rientrati nell’interfaccia Menu. Verifica che il tuo tema supporti il numero di livelli nidificati che hai impostato.

• Compatibilità del tema: se riscontri problemi con i menu a discesa, verifica che il tema supporti il numero di livelli nidificati che stai cercando di implementare. Alcuni temi potrebbero richiedere una personalizzazione aggiuntiva per supportare più livelli di nidificazione.

Personalizzazione del codice del tema per i menu a discesa

Per i temi che richiedono una personalizzazione più approfondita, puoi prendere in considerazione la personalizzazione del codice del tema.

Attenzione

Personalizza il codice del tuo tema solo se hai dimestichezza con Liquid, HTML, CSS e JavaScript. Modifiche errate possono compromettere la funzionalità del tuo negozio.