Nell’editor del tema: Personalizza›Intestazione›Header
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
- 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.
