Impostazioni del menu

Modifica il layout, gli elementi, l'animazione, la spaziatura e le altre impostazioni che si applicano all'intero menu.

Riferimento Tutti i piani 5 min di lettura

La scheda Impostazioni controlla dove appare il menu e come si presenta e si comporta ogni voce al suo interno. Per personalizzare una singola voce, usa invece le sue impostazioni: vedi Modifica una voce di menu.

Apri le impostazioni

Apri la scheda Impostazioni

In Gestore dei menu, apri il menu, poi fai clic sull’icona a forma di ingranaggio nella barra laterale sinistra dell’editor. L’anteprima si aggiorna mentre modifichi.

L'icona a ingranaggio apre le impostazioni del menu.
Salva e pubblica

Fai clic su Salva, poi su Pubblica.

I valori predefiniti qui sotto sono quelli con cui di solito parte un nuovo menu; alcuni dipendono dal tuo tema.

Impostazioni

Posizione

Sostituisci automaticamente: L’app trova il menu principale del tuo tema e lo sostituisce.
Sostituisci navigazione: Scegli i menu del tema da sostituire in Seleziona il tuo menu principale e Seleziona il tuo menu mobile.
Mostra il menu su questo selettore CSS: Inserisci il selettore dell’area in Selettore CSS del tuo menu principale e Selettore CSS del tuo menu mobile. Usalo solo se le opzioni precedenti non funzionano sul tuo tema.

Ogni opzione è spiegata passo dopo passo in Pubblica un menu sul tuo tema.

Layout ed elementi

OrientamentoPredefinito: Orizzontale: Orizzontale mostra le voci di primo livello su una riga. Verticale le dispone in colonna, come un menu laterale.
AllineaPredefinito: Sinistra: Allinea le voci di primo livello a Sinistra, Destra o Centro nella barra del menu.
Larghezza massima del menuPredefinito: Vuoto: Larghezza massima del menu in px, ad esempio 1200. Se vuoto, usa tutta la larghezza disponibile.
Mostra il campo di ricercaPredefinito: Attivo: Aggiunge al menu un campo di ricerca dei prodotti.
Mostra il separatore su desktopPredefinito: Attivo: Una linea di separazione tra le voci di primo livello su desktop. Colore: Colori > Colore del separatore.
Mostra il separatore su mobilePredefinito: Attivo: Linee di separazione tra le voci nel menu mobile.
Mostra gli indicatori (freccia in basso)Predefinito: Attivo: Una piccola freccia accanto alle voci che hanno un sottomenu.

Sottomenu

Mostra il bordoPredefinito: Attivo: Un bordo attorno ai sottomenu. Colore: Colori > Sottomenu > Colore del bordo.
Attiva la barra di scorrimento su desktopPredefinito: Attivo: I clienti possono scorrere all’interno di un sottomenu più alto dello schermo invece di vederlo tagliato.
Attiva la barra di scorrimento su mobilePredefinito: Attivo: Lo stesso, per il menu mobile.
Larghezza massima del sottomenuPredefinito: Vuoto: Larghezza massima del sottomenu in px. Se vuoto, usa la larghezza predefinita.
Stile di apertura su mobilePredefinito: Dropdown: Dropdown espande il sottomenu sotto la voce principale. Slide lo apre come un nuovo pannello, con un modo per tornare al livello precedente.

Stile di apertura su mobile, poi la sezione Animazione del menu della scheda Impostazioni — La sezione Animazione del menu, sotto Stile di apertura su mobile

Attivazione – DesktopPredefinito: Passaggio del mouse: Come si aprono i sottomenu su desktop: Passaggio del mouse, Clic o Attiva/disattiva al clic.
Attivazione – MobilePredefinito: Attiva/disattiva al clic: Come si aprono i sottomenu nel menu mobile, con le stesse tre opzioni.
EffettoPredefinito: Dissolvenza: L’animazione di apertura: Dissolvenza o Sposta su.
Velocità della transizionePredefinito: 300: Durata dell’animazione in ms, fino a 1500.
Ritardo della transizionePredefinito: 150: Attesa prima che un sottomenu si apra o si chiuda, in ms, fino a 1500. Con Passaggio del mouse, evita che i sottomenu si aprano a scatti quando il mouse ci passa sopra.

Gli attivatori:

Passaggio del mouse: il sottomenu si apre quando il mouse si muove sulla voce.
Clic: il primo clic o tocco apre il sottomenu; facendo di nuovo clic sulla voce si va al suo link.
Attiva/disattiva al clic: ogni clic apre o chiude il sottomenu; la voce principale non porta mai al suo link.

Link dell’account

Scorciatoie dell’account cliente che cambiano in base allo stato di accesso del cliente. Tutte sono disattivate per impostazione predefinita. Attivandone una compaiono i campi per la sua icona e il suo titolo (ad esempio Icona di accesso e Titolo di accesso, per rinominare “Accedi” in “Entra”).

Mostra il link di accessoPredefinito: Disattivato: Mostrato quando il cliente non ha effettuato l’accesso.
Mostra il link di registrazionePredefinito: Disattivato: Un link per creare un account. Mostrato quando il cliente non ha effettuato l’accesso.
Mostra il link dell'accountPredefinito: Disattivato: Un link alla pagina dell’account del cliente. Mostrato quando il cliente ha effettuato l’accesso.
Mostra il link di disconnessionePredefinito: Disattivato: Mostrato quando il cliente ha effettuato l’accesso.

Spaziatura

Trascina il cursore o digita un valore in px.

Spaziatura interna del menu principalePredefinito: 20: Spazio orizzontale su ciascun lato di ogni voce di primo livello.
Altezza riga del menu principalePredefinito: 50: Altezza della barra del menu di primo livello.
Altezza riga del dropdownPredefinito: 50: Altezza di ogni riga in un sottomenu dropdown.
Altezza riga della schedaPredefinito: 50: Altezza di ogni scheda in un Tabbed menu.
Altezza riga dell'elenco di linkPredefinito: 30: Altezza di ogni link in un blocco elenco di link.

Carosello

Si applica ai blocchi che scorrono, come i caroselli di prodotti e lo slider di immagini.

Riproduzione automaticaPredefinito: Attivo: Le slide si muovono da sole.
Ciclo infinitoPredefinito: Attivo: Dopo l’ultima slide, il carosello riparte dalla prima.

Avanzate

Menu mobile quando la larghezza è inferiore aPredefinito: 768: Larghezza dello schermo in px al di sotto della quale viene usato il menu mobile. Gli schermi più larghi ottengono il menu desktop.
Nascondi il sottomenu del blocco Elenco linkPredefinito: Disattivato: Solo mobile. Comprime i link sotto ogni titolo dell’elenco di link; i clienti toccano la freccia del titolo per espanderli.
Mostra il pulsante Aggiungi al carrelloPredefinito: Disattivato: Un pulsante Aggiungi al carrello sui prodotti nei blocchi di prodotti del menu. Colori: Colori > Pulsante Aggiungi al carrello.
Attiva il caricamento differito delle immaginiPredefinito: Attivo: Carica le immagini del menu solo quando servono, il che aiuta la velocità della pagina. Ti consigliamo di lasciarlo attivo.

Risoluzione dei problemi

Toccando una voce principale su mobile non si apre la sua pagina

Con Attivazione – Mobile impostato su Attiva/disattiva al clic, toccare una voce principale apre solo il suo sottomenu. Cambialo in Clic, oppure aggiungi la pagina principale come primo link all’interno del sottomenu. Vedi Una voce di menu non reindirizza su mobile.

Il menu mobile non compare su un tablet o un laptop piccolo

Il menu desktop viene usato su qualsiasi schermo più largo di Menu mobile quando la larghezza è inferiore a. Aumenta quel valore.

Questa pagina ti è stata utile?

Segnala un problema