Puoi aggiungere un menu espandibile ai tuoi siti per desktop e tablet, semplificando la creazione di siti moderni con un design flessibile. Scegli tra diversi layout di menu espandibili e personalizzali a tuo piacimento, aggiungendo , righe e colonne.
Il menu espandibile layout per dispositivi mobili offre più personalizzazioni e un modo per visualizzare nell'intestazione e un menu sempre visibile.
È possibile modificare il layout dell'intestazione a un predefinito layout che include pulsanti, clic per chiamare, carrello del negozio, icone social e altro ancora. Puoi aggiungere qualsiasi al menu espandibile dal pannello .
Desktop e tablet
Seleziona il layout del menu espandibile
Per selezionare un layout di menu espandibile per il tuo sito:
- Nel pannello di sinistra, fai clic su Progettazione .
- Fai clic su Layout del sito .
- Nella sezione Desktop, seleziona Layout menu espandibile .
- Nella sezione Tablet, seleziona il layout a sinistra.
Intestazione per desktop e tablet
Dopo aver selezionato il layout del menu espandibile, nell'intestazione del sito viene visualizzata un'icona a forma di hamburger. Fai clic sull'icona a forma di hamburger ( 
) icona per visualizzare il menu espandibile.
Per modificare la posizione del menu espandibile nell'intestazione:
- Passa il mouse sopra l'intestazione, fai clic su Intestazione e poi seleziona Modifica design .
- Nella sezione Layout, fai clic su Sinistra o Destra .
Menu espandibile per desktop e tablet
Per configurare il menu espandibile:
- Fai clic sull'icona dell'hamburger ( ) per aprire l'editor di progettazione del menu.
- Nella scheda Layout, fai clic sul layout esistente per selezionare un layout di menu.
- Nella scheda Stile sono disponibili le seguenti opzioni:
- Inserisci da. Seleziona Superiore o Laterale.
- Effetto ingresso. Seleziona Copri o Spingi.
- Larghezza. Sposta il cursore per impostare la larghezza del menu espandibile quando viene aperto. La larghezza del menu è definita in percentuale per adattarsi a tutte le dimensioni dello schermo.
- Sfondo. Configura il colore o l'immagine di sfondo.
- Colore dell'icona di chiusura. Seleziona un colore per l'icona di chiusura e un colore di sfondo per l'icona di chiusura.
- Nella scheda Spaziatura, modifica la spaziatura interna.
Il menu espandibile può contenere fino a 3 righe, ognuna delle quali è completamente personalizzabile.
Nota:
Se la versione desktop e quella per tablet hanno lo stesso layout del sito (entrambe espandibili o con barra superiore), tutte le personalizzazioni sono identiche per entrambe. In caso contrario, ogni dispositivo deve essere configurato separatamente.
Se non visualizzi le funzionalità dell'intestazione menzionate sopra, potresti utilizzare la vecchia intestazione. Per aggiornarla alla nuova, fai clic sull'intestazione nella visualizzazione desktop e tablet. Quando aggiorni l'intestazione, viene creato automaticamente un backup.
Nota:
Questo passaggio si applica solo ai siti esistenti. Non riguarda i nuovi siti.
Intestazione mobile
Per modificare l'intestazione mobile:
- Passa il mouse sopra l'intestazione, fai clic sull'etichetta Intestazione e quindi seleziona Modifica design.
- Nella scheda Layout, fai clic sul layout esistente per selezionarne uno per il menu. L'intestazione per dispositivi mobili offre layout che visualizzano widget come link ai social network, numeri di telefono e altro ancora. I layout dell'intestazione sono fissi, quindi non è possibile aggiungere nuovi widget, ma è possibile modificarli o rimuoverli. Quando aggiungi un negozio o utilizzi la funzionalità multilingue, sono disponibili ulteriori opzioni di layout, tra cui le icone per il carrello di spedizione del negozio e la funzionalità multilingue. Se il negozio o la funzionalità multilingue non sono abilitati, questi layout non vengono visualizzati.
- Fai clic a sinistra o a destra per spostare l'icona del menu.
Navigazione mobile
Per modificare il menu espandibile, apri il menu nella visualizzazione mobile. L'editor del menu si aprirà automaticamente per consentirti di apportare le modifiche necessarie.
- Nella scheda Layout, fai clic sul layout esistente per selezionarne uno per il menu. Il menu espandibile offre diversi layout che possono visualizzare i link ai social network, le informazioni di contatto e altro ancora. Puoi aggiungere qualsiasi widget al menu espandibile, aggiungere colonne e ordinarle in modo che siano una accanto all'altra o una sopra l'altra. Tuttavia, quando passi da un layout all'altro, tutti i contenuti aggiunti al menu vengono eliminati, mantenendo solo i widget del layout scelto.
- Nella scheda Stile sono disponibili le seguenti opzioni:
- Inserisci da. Seleziona Superiore o Laterale. Quando è selezionato Superiore, sposta il cursore dell'altezza. Quando è selezionato Laterale, sposta il cursore della larghezza.
- Effetto ingresso. Seleziona Copri o Spingi.
Aggiornamenti ai layout per dispositivi mobili
L'8 settembre 2019 sono stati rimossi tre layout per dispositivi mobili perché poco utilizzati. I due layout rimanenti sono più aggiornati e utili.
Se possiedi già un sito con uno dei layout che sono stati rimossi e ne selezioni un altro, i layout rimossi scompariranno, ma potrai ripristinarli dal backup del sito.
Per aggiornare l'intestazione della nuova visualizzazione mobile, fai clic sull'intestazione nella visualizzazione mobile. Quando aggiorni l'intestazione, viene creato automaticamente un backup.
Nota:
Questo passaggio si applica solo ai siti esistenti e non ai nuovi siti.