L'Intestazione (header) è la barra in cima al negozio con logo, menu, ricerca, carrello e selettore di paese. Questo articolo spiega ogni impostazione dell'header e i suoi cinque blocchi.
Dove trovarlo
Apri il builder e fai clic sull'header nell'anteprima, oppure scegli Intestazione nella scheda Sezioni. Per aggiungerne uno, fai clic su Aggiungi nuova sezione e scegli Intestazione nel gruppo Layout. Puoi avere un header per pagina, in qualsiasi pagina. Ogni pagina ha la sua copia, quindi quando hai finito usa Applica a tutte le pagine, vedi Sezioni e blocchi.
L'header ha sempre gli stessi cinque blocchi: Logo, Menu, Cerca, Carrello e Localizzazione. Non puoi aggiungerli, rimuoverli o riordinarli. Li posizioni con le loro impostazioni Posizione e Riga.
Impostazioni dell'header
- Intestazione fissa: Allo scorrimento verso l'alto nasconde l'header quando i clienti scorrono verso il basso e lo fa tornare quando scorrono verso l'alto. Sempre lo tiene in alto. Fisso con logo ridotto lo tiene in alto e lo rimpicciolisce (meno spaziatura, logo più piccolo) quando i clienti scorrono. Mai lo lascia scorrere via con la pagina.
- Larghezza: Pagina tiene il contenuto dentro la larghezza della pagina, Completo lo allarga da un bordo all'altro.
- Schema di colori: i colori di sfondo, testo e link dell'header.
- Intestazione trasparente: toglie lo sfondo dell'header così si vede l'immagine della copertina. Vedi sotto.
- Spaziatura interna (sopra, sinistra, destra, sotto) e la scheda CSS personalizzato.
Header trasparente
Funziona solo quando una Copertina (hero) è la prima sezione visibile subito sotto l'header, perché l'header prende in prestito lo schema di colori della copertina per testi e icone. Perde sfondo, bordo e ombra, e sfoca leggermente ciò che c'è dietro. Quando i clienti scorrono oltre la copertina, l'header riprende i suoi colori. Il pannello di ricerca e l'elenco dei paesi mantengono i colori propri dell'header. Le impostazioni della copertina sono in Sezione Hero.
Logo
- Logo: scegli l'immagine del logo. Senza immagine, il nome del negozio viene mostrato come testo.
- Posizione: Sinistra, Centro o Destra. Larghezza e Altezza: la dimensione del riquadro del logo in pixel.
- Spaziatura interna su desktop: lo spazio intorno al logo, solo sui computer.
Il logo apre la home quando ci fai clic. Per evitarlo, attiva Impedisci di cliccare sul logo per tornare alla home, vedi Impostazioni dei divieti.
Menu
Scegli uno dei tuoi menu in Menu. Le altre impostazioni compaiono dopo aver scelto un menu. I menu si creano come spiegato in Come creo i menu di navigazione e li aggiungo all'header e al footer?.
- Tipo: Mega (pannelli grandi con colonne), Menu a discesa (elenchi semplici) o Cassetto (un pannello laterale aperto da un pulsante menu).
- Posizione e Riga: dove si trova il menu. Superiore è la riga principale con il logo, Inferiore aggiunge una seconda riga sotto. Non compare per Cassetto.
- Schema di colori: i colori del pannello del menu aperto.
- Layout su mobile: su telefoni e tablet il menu si sposta in un cassetto. Attiva Barra di navigazione per mostrarlo invece come una barra sotto l'header, con il suo Schema colori della barra di navigazione. Non compare per Cassetto.
Ricerca, carrello e localizzazione
- Cerca: un'icona di ricerca che apre un campo di ricerca. Imposta Posizione (Sinistra o Destra) e Riga.
- Carrello: l'icona del carrello con il numero di articoli. Tipo di carrello può essere Cassetto (pannello laterale), Menu a discesa (mini carrello sotto l'icona) o Pagina (apre la pagina del carrello). Schema di colori dà stile al cassetto o al menu a discesa. Cassetto e Menu a discesa hanno anche un interruttore Barra spedizione gratuita, vedi Come funziona la barra della spedizione gratuita?.
- Localizzazione: un pulsante che elenca i tuoi mercati così i clienti possono cambiare paese. Attiva Selettore di paese per mostrarlo. Mostra bandiere mostra sul pulsante la bandiera del paese attuale, altrimenti un'icona del globo. Imposta Posizione e Riga.
Da sapere
- L'header trasparente non fa nulla: controlla che la copertina sia subito sotto l'header. Una barra degli annunci o un'altra sezione in mezzo lo blocca.
- Il selettore di paese non compare: servono almeno due mercati, vedi Come configuro i mercati per vendere in più paesi?.
- Mancano voci del menu: modifica il menu stesso, non l'header.