Puoi aggiungere un menu espandibile sui siti desktop e tablet per semplificare la creazione di siti moderni con un'elevata flessibilità progettuale. Scegli tra i vari layout di menu espandibili e personalizzali come preferisci aggiungendo widget, righe e colonne.

Il layout dei menu espandibili per dispositivi mobili ti offre più opzioni di personalizzazione ed è un modo per visualizzare i widget nell'intestazione e usufruire di un menu sempre visibile.

Puoi modificare il layout dell'intestazione impostandolo su un layout predefinito che comprende pulsanti, click-to-call, carrello dello store, icone dei social e molto altro. Puoi aggiungere qualsiasi widget al menu espandibile dal pannello dei widget.

desktop e tablet

Selezionare il layout del menu espandibile

Per selezionare il layout di un menu espandibile per il tuo sito:

1. Nel pannello di sinistra, fai clic su Design.
2. Fai clic su Layout del sito.
3. Nella sezione Desktop, seleziona il layout Menu espandibile.
4. Nella sezione Tablet, seleziona il layout con il menu espandibile.

Intestazione per desktop e tablet

Dopo aver selezionato il layout del menu espandibile, nell'intestazione del sito vedrai un'icona a forma di hamburger. Fai clic sull'icona dell'hamburger () per vedere il menu espandibile.

Per modificarne la posizione all'interno dell'intestazione:

1. Passa il mouse sopra l'intestazione, fai clic su Intestazione, poi seleziona Modifica design.
2. Nella sezione Layout, fai clic su Sinistra o Destra.

Menu espandibile per desktop e tablet

Per configurare il menu espandibile:

1. Fai clic sull'icona dell'hamburger () per aprire l'editor Design del menu.
2. Nella scheda Layout, fai clic sul layout esistente per selezionarne uno per il menu.
3. Nella scheda Stile, sono disponibili le seguenti opzioni:
   • Entra da. Seleziona Dall'alto o Di lato.
   • Effetto entrata. Seleziona Copertura o Spinta.
   • Larghezza. Sposta lo slider per impostare la larghezza del menu espandibile quando è aperto. La larghezza del menu viene definita in percentuale per adattarsi agli schermi di tutte le dimensioni.
   • Sfondo. Configura il colore o l'immagine di sfondo.
   • Colore icona di chiusura. Seleziona un colore per lo sfondo dell'icona di chiusura e uno per l'icona stessa.
4. Nella scheda Spaziatura, modifica la spaziatura interna.

Il menu espandibile può contenere fino a 3 righe, ciascuna delle quali completamente personalizzata.

Se non vedi le funzionalità dell'intestazione sopraindicate, può darsi che tu stia utilizzando un'intestazione obsoleta. Per aggiornarla alla nuova versione, fai clic sull'intestazione nelle visualizzazioni desktop e tablet. Quando aggiorni l'intestazione, viene creato un backup automatico.

Intestazione cellulare

Per modificare l'intestazione su dispositivo mobile:

1. Passa il mouse sopra l'intestazione, fai clic sull'etichetta Intestazione, quindi seleziona Modifica design.
2. Nella scheda Layout, fai clic sul layout esistente per selezionarne uno per il menu. Sono disponibili svariati layout di intestazione per dispositivo mobile che visualizzano widget come link ai social, 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 uno store o usi la funzione multilingue, avrai a disposizione più opzioni di layout che includono le icone per il carrello dello store e la funzione multilingue. Tali opzioni di layout, però, sono disponibili solo se lo store o la funzione multilingue sono abilitati.
3. Fai clic su Sinistra o Destra per posizionare l'icona del menu.

Navigazione cellulare

Per modificare il menu espandibile, apri il menu nella visualizzazione mobile. In automatico si apre l'editor del menu per consentirti di apportare le modifiche.

1. Nella scheda Layout, fai clic sul layout esistente per selezionarne uno per il menu. Il menu espandibile offre svariati layout con cui visualizzare i link ai social, le informazioni di contatto e altro ancora. Al menu espandibile puoi aggiungere sia qualsiasi widget sia colonne, che puoi ordinare in modo che siano posizionate una accanto all'altra o una sopra all'altra. Tuttavia, quando passi da un layout all'altro, tutti i contenuti che hai aggiunto al menu verranno eliminati e resteranno soltanto i widget presenti nel layout selezionato.
2. Nella scheda Stile, sono disponibili le seguenti opzioni:
   • Entra da. Seleziona Dall'alto o Di lato. Selezionare Dall'alto sposta l'altezza dello slider. Selezionare Di lato sposta la larghezza dello slider.
   • Effetto entrata. Seleziona Copertura o Spinta.

Aggiornamenti ai layout mobile

L'8 settembre 2019 abbiamo rimosso tre layout per dispositivi mobili che venivano usati di rado. I due layout rimanenti sono più utili e aggiornati.

Se hai un sito in cui è presente uno dei layout rimossi e selezioni un altro layout, quelli rimossi spariranno ma potrai ripristinarli da un backup del sito.

Per aggiornare la nuova intestazione nella visualizzazione mobile, fai clic sull'intestazione ivi presente. Quando aggiorni l'intestazione, viene creato un backup automatico.