Le impostazioni del tema valgono per tutto il negozio. Nell’editor di temi, fare clic sull’icona del pennello (Impostazioni del tema) per aprirle.
Colors
I colori di Keld sono coppie di sfondo e testo. Quando si cambia uno sfondo, verificare che il colore del testo associato resti ben leggibile.
Page
Impostazione
Funzione
Page background
Imposta lo sfondo della pagina e delle sezioni chiare.
Page text
Si applica a titoli, testo e pulsanti scuri sullo sfondo della pagina.
Secondary text
Si applica a descrizioni, etichette, SKU e dati su tutti gli sfondi chiari.
Panels
Impostazione
Funzione
Panel background
Si applica a schede, moduli, pannelli laterali, finestre di dialogo e fasce chiare.
Panel text
Si applica al testo sui pannelli.
Secondary panel background
Si applica alle righe al passaggio del mouse, agli avvisi, ai blocchi di codice e agli spazi vuoti per le immagini.
Secondary panel text
Si applica al testo sui pannelli secondari.
Borders
Si applica ai divisori e ai bordi delle schede.
Strong borders
Si applica ai bordi dei campi di input e ai pulsanti con contorno.
Accent
Impostazione
Funzione
Accent background
Si applica ai pulsanti principali, alla barra degli annunci e ai badge.
Text on accent
Si applica al testo dei pulsanti principali e della barra degli annunci.
Accent hover background
Si applica ai pulsanti principali al passaggio del mouse.
Text on accent hover
Si applica al testo dei pulsanti principali al passaggio del mouse.
Dark sections
Impostazione
Funzione
Dark section background
Si applica a slideshow, immagine con hotspot, prodotto in evidenza, banner, notifiche e footer.
Dark section text
Si applica al testo nelle sezioni scure.
Dark section secondary text
Si applica a didascalie e testo secondario nelle sezioni scure.
Dark input background
Si applica a campi di input, menu a tendina e stati al passaggio del mouse nelle sezioni scure, e ai pulsanti scuri al passaggio del mouse.
Dark input text
Si applica al testo nei campi di input scuri e negli stati al passaggio del mouse.
Status and focus
Impostazione
Funzione
Fitment: listed
Si applica ai badge «Listed for your vehicle» e al pannello di compatibilità.
Fitment: not listed
Si applica ai badge «Not listed» e agli avvisi.
Focus ring
Si applica al contorno di focus per la navigazione da tastiera. Mantenere un contrasto elevato.
Typography
Impostazione
Funzione
Heading font
Font condensato per titoli, pulsanti e navigazione.
Body font
Si applica a paragrafi, nomi dei prodotti e testo dei moduli.
Label font
Si applica a SKU, etichette, sottotitoli e tabelle delle specifiche.
Tutti e tre usano la libreria di font di Shopify: si caricano da Shopify e non richiedono altre configurazioni.
Layout
Impostazione
Funzione
Page width
Imposta la larghezza massima dell’area dei contenuti (1000–1600px).
Corner radius
Si applica a pulsanti, campi di input, schede e immagini (0–12px). Tenere un valore basso per conservare l’aspetto squadrato del tema.
Motion
Impostazione
Funzione
Reveal content on scroll
Fa comparire gradualmente le sezioni quando entrano nella visuale durante lo scorrimento (solo opacità e movimento). Si disattiva automaticamente per i visitatori che preferiscono ridurre le animazioni.
Header
Impostazione
Funzione
Mobile logo position
Center o Left. Si applica a 1100px di larghezza e meno, dove l’header mostra il pulsante del menu, il logo e le icone di account, veicolo e carrello.
Il resto dell’header (logo, menu, ricerca, pulsante del veicolo, mega menu) si imposta nella sezione Header. Vedere Sezioni › Header.
Fitment
Impostazione
Funzione
Vehicle list
Un veicolo per riga nel formato Make|Model|YearFrom|YearTo, lo stesso del metacampo prodotto custom.fitment. Sostituire l’elenco demo predefinito con il proprio.
Show "Demo fitment" label
Mostra in tutto il negozio le etichette tratteggiate Demo finché compatibilità, prezzi ed elenchi di immagini sono ancora dati di esempio. Disattivarla quando i dati sono reali.
Con Show "Demo fitment" label attiva, compaiono queste etichette:
Demo sul selettore del veicolo e sul modulo veicolo della slideshow, sui badge di compatibilità, sul pannello di compatibilità del prodotto e sulla scheda «Fitted on car», sul filtro «Fits my vehicle», sui titoli delle pagine di collezione e di ricerca e sugli articoli del blog
Demo price sui prezzi dei prodotti e del prodotto in evidenza, e Demo sui totali dei bundle di prodotti
Demo images sulla galleria di immagini e Demo list sulla ricerca installatori
Drawer apre il carrello laterale quando un cliente aggiunge un prodotto; Page lo porta alla pagina del carrello. La pagina del carrello resta disponibile in entrambi i casi.
Favicon
Impostazione
Funzione
Favicon image
Consigliato: .png da 32 x 32px. Compare nella scheda del browser.
Social media
Inserire l’URL completo di ogni account, ad esempio https://instagram.com/shopify. Lasciare vuoto un campo per nascondere la relativa icona.
Instagram
YouTube
Facebook
X
TikTok
Il footer e la pagina della password mostrano queste icone quando la loro impostazione Show social media icons è attiva.
Ancora problemi con Keld? Contattare l’assistenza indicando l’URL del negozio e la pagina in cui si presenta il problema.
