Nell’editor del tema: PersonalizzaIntestazioneHeader

Header

Il logo nella tacca, il menu e le icone di ricerca, account e carrello. Al telefono le icone fluttuano come monete; al computer il menu sta in una barra.

Carica un logo con sfondo trasparente, poi usa “Rimuovi i margini trasparenti dal logo” perché stia centrato nella tacca.

Impostazioni

Logo

Immagine del logo
ImmagineSe vuoto, il nome del negozio viene mostrato come testo.
Larghezza del logo su desktop
Cursore, da 100 a 300 pxPredefinito: 190 pxLarghezza della parte visibile del logo, dopo aver rimosso i margini trasparenti.
Altezza massima del logo su desktop
Cursore, da 40 a 160 pxPredefinito: 65 pxUn logo alto viene ridotto a questa altezza. L'altezza è quella della parte visibile.
Larghezza del logo sui telefoni
Cursore, da 80 a 200 pxPredefinito: 100 pxLarghezza della parte visibile del logo su telefoni e tablet. Sui telefoni stretti si riduce quando serve, così le icone accanto hanno spazio a sufficienza.
Altezza massima del logo sui telefoni
Cursore, da 24 a 44 pxPredefinito: 34 pxSu telefoni e tablet un logo alto viene ridotto a questa altezza. La barra ha un'altezza fissa di 48 px, quindi fino a 44.
Posizione del logo nella tacca su telefono
Cursore, da -8 a 12 pxPredefinito: 4 pxUn numero positivo sposta il logo in basso, uno negativo lo sposta in alto. 0: centrato nella riga dell'header.
Posizione del logo nella tacca su desktop
Cursore, da -8 a 12 pxPredefinito: 0 pxUn numero positivo sposta il logo in basso, uno negativo lo sposta in alto. 0: centrato nella riga dell'header.

Rimuovi i margini trasparenti dal logo

Taglia dall'alto
Cursore, da 0 a 40 %Predefinito: 17 %
Taglia dal basso
Cursore, da 0 a 40 %Predefinito: 22 %
Taglia da sinistra
Cursore, da 0 a 40 %Predefinito: 7.5 %
Taglia da destra
Cursore, da 0 a 40 %Predefinito: 3.5 %

Di solito l'immagine di un logo ha margini trasparenti intorno alla firma. Imposta quanto tagliare da ogni lato dell'immagine (in percentuale); le dimensioni del logo indicate sopra si riferiscono poi a ciò che resta. Per un'immagine già ritagliata al limite, lascia tutti i valori a 0.

Icone

Mostra il pulsante di ricerca
Attivo o disattivoPredefinito: Attivo
Parole digitate nel campo di ricerca
TestoSui telefoni, quando si apre la ricerca, queste parole vengono digitate nel campo una dopo l'altra. Separale con virgole. Lascia vuoto per usare i nomi dei link del menu principale. Appaiono anche come idee prima di digitare.
Prima di digitare
Scelta: Idee e ricerche recenti, Solo idee, Solo ricerche recenti, NientePredefinito: Idee e ricerche recentiLe idee sono le parole del campo di ricerca. Le ricerche recenti sono di ogni cliente e salvate nel suo browser.
Menu dell'account
MenuLink nella finestra dell'account di Shopify, sotto l'accesso. "Menu principale dell'account cliente" li mantiene uguali alle pagine dell'account.
Dimensione delle monete dell’intestazione
Cursore, da 36 a 48 pxPredefinito: 40 pxDiametro delle monete nell’intestazione su telefono e tablet. Su computer l’intestazione non ha monete: le icone stanno sulla fascia come linee. L’icona dentro una moneta è metà del diametro.
La borsa reagisce all'aggiunta
Attivo o disattivoPredefinito: AttivoQuando un prodotto viene aggiunto al carrello, la borsa scende leggermente, si schiaccia e rimbalza. Non quando cambia una quantità all'interno del carrello.

Intestazione su computer

Stile del menu su computer
Scelta: Libreria: tutti i link in colonne, Stanze: un gruppo alla volta, Galleria: un’immagine per gruppoPredefinito: Libreria: tutti i link in colonneCome il pannello sotto la fascia mostra i link di una voce di menu. Costruito dal tuo menu abituale, fino a tre livelli.
Immagine della collezione nei menu
Attivo o disattivoPredefinito: AttivoNegli stili libreria e stanze l’immagine della collezione appare accanto ai link e cambia in base al link sotto il puntatore. La galleria mostra sempre le immagini.
Colore del pannello del menu
Scelta: Bianco, come la ricerca, Scuro, Colore personalizzatoPredefinito: Bianco, come la ricerca
Colore del pannello
ColoreIl colore del testo è scelto automaticamente: scuro su un colore chiaro, chiaro su uno scuro.

Menu fluttuante su smartphone

Menu fluttuante durante lo scorrimento
Scelta: Disattivato, Su smartphonePredefinito: Su smartphoneSu smartphone, quando l'intestazione esce dallo schermo, le stesse quattro icone fluttuano in una pillola in fondo allo schermo, vicino al pollice. Menu, ricerca e carrello si aprono dall'alto, come all'inizio della pagina. App di chat: lascia nelle loro impostazioni un margine inferiore di almeno 90 px, così restano sopra.
Forma del menu fluttuante
Scelta: Linguetta dalla cornice, Fluttuante, stretto in alto, Fluttuante, largo in altoPredefinito: Linguetta dalla corniceLinguetta: sale dal fondo della cornice con la forma dell’intaglio del logo, nel colore della cornice. Le forme fluttuanti usano il colore del menu qui sotto.
Colore del menu fluttuante
Scelta: Come le monete dell'intestazione, Scuro, ChiaroPredefinito: Come le monete dell'intestazione«Come le monete dell'intestazione» segue il colore delle monete nell'intestazione: scuro con cornice scura, chiaro con cornice bianca.
Colore delle icone del menu inferiore
ColoreLe icone del menu fluttuante sul telefono. Vuoto: il colore della tonalità del menu.
Colore degli anelli del menu inferiore
ColoreL'anello sottile attorno a ogni icona, senza riempimento. Un'icona aperta si riempie di questo colore. Vuoto: il colore della tonalità del menu.
Distanza dalla cornice
Cursore, da 0 a 24 pxPredefinito: 4 pxLo spazio tra il menu e la cornice sottostante, o la barra del browser quando copre la cornice. Uguale scorrendo in su o in giù. Predefinito: 4 px.
Menu principale
MenuModifica le voci del menu in Contenuti > Menu.
Piccolo titolo sopra il menu del telefono
TestoLascia vuoto per usare il valore predefinito.
Testo del pulsante del club dei membri
TestoIl pulsante in fondo al menu del telefono. Lascia vuoto per usare il valore predefinito.
Selettore di lingua e paese nel menu
Attivo o disattivoPredefinito: AttivoSopra il pulsante del club. Compare solo se c'è più di una lingua o più di un paese.
Selettore di lingua nella barra
Attivo o disattivoPredefinito: AttivoSu computer, un selettore di lingua nella barra superiore, prima dell’icona di ricerca. Su telefono e tablet è nel menu.
Bandiere accanto alle lingue
Attivo o disattivoPredefinito: AttivoUna piccola bandiera accanto a ogni lingua. Alcuni negozi preferiscono farne a meno, perché una lingua non è un paese.
Social network nel menu
Attivo o disattivoPredefinito: AttivoUna riga di icone piene sotto il pulsante del club, come nel footer. Link e ordine si impostano in Impostazioni del tema, alla voce Social media. Facebook, Instagram, TikTok, YouTube e X vengono mostrati come semplice icona finché non aggiungi un link; gli altri social network solo con un link.
Colore del menu
ColorePredefinito: #FFFFFFQualsiasi colore. Testo e pulsante si adattano: su un colore scuro il testo è color crema. Predefinito: bianco, come la cornice.
Stile dello sfondo
Scelta: Colore uniforme, Palco illuminatoPredefinito: Colore uniformePalco illuminato: una luce morbida dall’alto che sfuma verso il basso, creata dal colore scelto. Su un colore chiaro la parte alta diventa bianca; su un colore scuro diventa un palco scuro.
Colore della luce
ColoreLa luce soffusa dal centro in alto. Vuoto: bianco.
Colore del pulsante del club
ColoreIl pulsante in fondo al menu. Vuoto: il colore del menu. Il testo diventa chiaro o scuro di conseguenza.
Immagine di sfondo del menu
ImmagineFacoltativa. L'immagine viene caricata solo alla prima apertura del menu. Sopra di essa c'è un velo nel colore del menu.
Intensità del velo sopra l'immagine
Cursore, da 0 a 100 %Predefinito: 80 %Quanto il colore del menu copre l'immagine, così il testo resta leggibile. 0 mostra l'immagine così com'è.

Qualcosa qui non corrisponde a quello che vedi nell’editor? Scrivici e correggeremo la guida.