Intestazione e menu espandibile

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 predefinita Desktop, seleziona Elemento di spostamento del menu espandibile.
  4. Nella sezione predefinita Tablet, seleziona il layout sulla sinistra.

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 predefinita del 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 Spazio vuoto, modifica la spaziatura interna.

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

Nota

Se le visualizzazioni su desktop e tablet hanno lo stesso layout del sito, ovvero sono entrambi espandibili o entrambi presentano la barra superiore, le personalizzazioni saranno le stesse per entrambe le visualizzazioni. Qualora differissero, è necessario agire per ciascun dispositivo separatamente.

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.

Nota

Questo passaggio si applica solo ai siti esistenti. Non interessa i siti nuovi.

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

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

Nota

Questo passaggio interessa solo i siti esistenti, non quelli nuovi.