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 , righe e colonne.
Il layout dei menu espandibili per dispositivi mobili ti offre più opzioni di personalizzazione ed è un modo per visualizzare i 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 al menu espandibile dal pannello dei .
desktop e tablet
Selezionare il layout del menu espandibile
Per selezionare il layout di un menu espandibile per il tuo sito:
- Nel pannello a sinistra, clicca su Tema.
- Fai clic su Layout del sito.
- Nella sezione predefinita Desktop, seleziona Elemento di spostamento del menu espandibile.
- Nella sezione predefinita 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:
- Passa il mouse sopra l'intestazione, fai clic su Intestazione, poi seleziona Modifica design.
- Nella sezione predefinita del 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 Design del menu.
- Nella scheda Layout, fai clic sul layout esistente per selezionarne uno per il menu.
- 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.
- Nella scheda Spazio vuoto, 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:
- Passa il mouse sopra l'intestazione, fai clic sull'etichetta Intestazione, quindi seleziona Modifica design.
- 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 come link ai social, numeri di telefono e altro ancora. I layout dell'intestazione sono fissi, quindi non è possibile aggiungere nuovi , 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. - 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.
- 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 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 presenti nel layout selezionato.
- 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
Per aggiornare la nuova intestazione nella visualizzazione mobile, fai clic sull'intestazione ivi presente. Quando aggiorni l'intestazione, viene creato un backup automatico.