Sezioni

Questa pagina descrive ogni sezione di Keld con i suoi blocchi, raggruppate in base a dove compaiono. I nomi delle impostazioni corrispondono a quelli dell’editor di temi.

Per aggiungere una sezione, aprire il modello nell’editor di temi e fare clic su Aggiungi sezione. Le sezioni contrassegnate con solo modello appartengono a un solo tipo di pagina e non si possono aggiungere altrove.

Header, footer e overlays
Home page e sezioni di contenuto
Pagine di collezione e di ricerca
Pagina prodotto
Blog e articoli
Carrello
Altre pagine

Header, footer e overlays

Announcement bar

Una barra sopra l’header per messaggi brevi. Aggiungere fino a 5 blocchi Announcement.

Show on all pages: la barra resta nascosta finché l’impostazione è disattivata o non ci sono annunci.
Rotate announcements: mostra un annuncio alla volta e li fa scorrere a rotazione. Si ferma finché un visitatore passa il mouse sulla barra o la mette a fuoco. Se l’impostazione è disattivata, la barra mostra tutti gli annunci e va a capo su più righe negli schermi stretti.
Seconds per announcement (4–10s): vale solo quando la rotazione è attiva.
Show dismiss button: i visitatori possono nascondere la barra; ricompare quando si modificano gli annunci.

Blocco Announcement: Text (tenerlo su una riga breve; sui telefoni il testo più lungo viene troncato con i puntini di sospensione), Link label e Link. Il link compare solo se si impostano sia l’etichetta sia il link.

Logo

Logo image: sostituisce il logo di testo. Usare un file .png o .svg trasparente.
Logo width (50–250px): imposta la larghezza del logo su desktop.
Text logo: testo grande che compare quando non c’è un’immagine del logo. Lasciare vuoti entrambi i campi del logo di testo per usare il nome del negozio.
Text logo, second line: testo piccolo nel font delle etichette accanto al logo di testo su desktop. Non compare sui telefoni.

Navigation

Main menu: le voci di primo livello formano la navigazione. Aggiungere un blocco Mega menu per dare a una voce un pannello; le voci con link annidati hanno un semplice menu a discesa.
Enable sticky positioning: mantiene l’header in cima allo schermo durante lo scorrimento. La barra degli annunci scorre via.
Show search: mostra un campo di ricerca su desktop e all’interno del menu sui telefoni.
Show search suggestions: suggerisce prodotti, collezioni, pagine e articoli durante la digitazione (ricerca predittiva di Shopify; da configurare in App › Search & Discovery). Se l’impostazione è disattivata o i suggerimenti non sono disponibili, il campo esegue una ricerca normale.
Show vehicle button: mostra il pulsante «Set my vehicle» e il badge del veicolo. Richiede l’elenco dei veicoli nelle impostazioni del tema.

Blocco Mega menu (fino a 8)

Un mega menu apre un grande pannello sotto una voce di primo livello.

In Negozio online › Navigazione, creare un menu per ogni colonna desiderata, ad esempio un menu chiamato «Suspension» con i link ai prodotti per le sospensioni.
Nell’Header, aggiungere un blocco Mega menu.
Menu item: digitare la voce di primo livello a cui appartiene il pannello, esattamente come appare nel menu (ad esempio Suspension).
Column 1 menu, Column 2 menu, Column 3 menu: ogni colonna è un menu. I titoli delle colonne compaiono quando si imposta più di una colonna. La prima colonna termina con un link «All …» alla voce di menu.
Feature card (facoltativa): Image (consigliato 4:3), Heading, Text e Link. Se il link non è impostato, si usa quello della voce di menu. Un pannello richiede almeno una colonna o un’immagine.

Aggiungere fino a 6 blocchi. Ogni blocco è una colonna.

Show social media icons: usa i link di Impostazioni del tema › Social media e salta quelli vuoti.
Show payment icons: mostra i metodi di pagamento attivati nelle impostazioni di pagamento del negozio.
Show Follow on Shop button: permette ai clienti di seguire il negozio nell’app Shop. Compare solo se Shop è attivo per il negozio.
Credits: testo piccolo nella barra inferiore, ad esempio una licenza fotografica.

Blocchi

Text: Heading (testo grande in cima alla colonna, con lo stesso stile del logo di testo dell’header) e Text (una breve descrizione del negozio).
Link list: Heading (se vuoto, il titolo del menu) e Footer menu.
Country and language: compare solo se il negozio vende in più di un paese o in più di una lingua (Impostazioni › Mercati). Impostazioni: Heading, Show country selector, Show language selector.
Newsletter: Heading e Text. Aggiunge gli iscritti ai clienti con il tag «newsletter». Le email di conferma si impostano in Impostazioni › Notifiche.

Cart drawer (Overlays)

Il pannello che scorre dentro lo schermo quando un cliente aggiunge un prodotto, se Impostazioni del tema › Cart › Cart type è impostato su Drawer.

Show order note: aggiunge un campo per una nota che viene salvata con il carrello e compare nell’ordine.
Show fitment warning: mostra «Not listed for your vehicle» sulle righe il cui prodotto non include il veicolo del cliente nella compatibilità. Non mostra nulla senza un veicolo o senza dati di compatibilità.

Vehicle selector (Overlays)

La finestra «My vehicle» che si apre dal pulsante del veicolo nell’header. I veicoli vengono da Impostazioni del tema › Fitment › Vehicle list. La sezione non ha impostazioni proprie. Lasciarla in Overlays. Vedere Compatibilità veicolo.

Slide-in offer (Overlays)

Una piccola scheda che compare dall’angolo in basso dopo un certo tempo. È disattivata per impostazione predefinita e compare una sola volta per visitatore: dopo che l’ha chiusa o ha seguito il link, resta nascosta in quel browser. Selezionare la sezione nell’editor per vederne l’anteprima in qualsiasi momento.

Show on storefront: se l’impostazione è disattivata, il negozio online non carica nulla per questa sezione.
Seconds before it appears (0–30s): si contano dal caricamento della pagina.
Image: consigliato 1:1. Lasciare vuoto per una scheda di solo testo.
Heading, Text, Link e Link label. Il link compare solo se si impostano sia il link sia l’etichetta del link.

Home page e sezioni di contenuto

Queste sezioni si possono aggiungere alla home page e ad altri modelli.

Slideshow

Una slideshow scura a tutta larghezza con fino a 5 blocchi Slide e un blocco Vehicle selector facoltativo.

Rotate slides automatically: richiede due o più slide. Si ferma finché un visitatore passa il mouse sulla slideshow o la mette a fuoco, si interrompe dopo che un visitatore sceglie una slide e resta disattivata per i visitatori che preferiscono ridurre le animazioni.
Seconds per slide (5–10s).
Key facts: da Fact 1 a Fact 4. Fino a quattro brevi dati sotto il titolo, ad esempio «12 piattaforme». Un numero iniziale compare in grassetto. Lasciare vuoto un campo per nasconderlo.

Blocco Slide: Image (consigliato 2400 x 1350px; la prima slide si carica per prima), Subheading, Heading, Text, Photo credit (compare nell’angolo come «Photo: …»), Button label e Button link.

Blocco Vehicle selector (1 per slideshow): propone marca, modello e anno dall’elenco dei veicoli nelle impostazioni del tema, salva il veicolo del cliente e apre la collezione di tutti i prodotti. Impostazioni: Heading e Button label. Richiede la sezione Vehicle selector in Overlays.

Scrolling text

Una striscia di testo o loghi che scorre in orizzontale. I visitatori che preferiscono ridurre le animazioni vedono invece un elenco statico, e ogni visitatore può fermarla con il pulsante di pausa.

Scroll duration (20–90s): imposta i secondi di un passaggio completo.

Blocco Platform (fino a 20): Text, Logo (facoltativo; compare prima del testo; usare un file .png o .svg trasparente) e Link.

Image with hotspots

Una foto con segnaposto numerati. Ogni segnaposto apre una scheda di un prodotto.

Image: consigliato 3:2. Sui telefoni viene ritagliata in 4:3.
Photo credit: compare dopo la legenda come «Photo: …».
Subheading, Heading, Text.

Blocco Pin (fino a 6):

Product: il prodotto che il segnaposto apre.
Label: un nome breve per la legenda e per gli screen reader. Se vuoto, il titolo del prodotto.
Horizontal position e Vertical position (0–100%): dove si trova il segnaposto sull’immagine. 0% è il bordo sinistro o superiore.
Open on page load: mostra la scheda di questo segnaposto all’apertura della pagina. Si apre solo il primo segnaposto con questa impostazione attiva.

Featured collections

Un elenco di collezioni, ognuna con un codice breve, un testo e un’immagine. Fino a 8 blocchi Collection.

Subheading, Heading, Link label e Link (lasciare vuoto per rimandare a tutti i prodotti).

Blocco Collection: Collection, Code (codice breve nella colonna sinistra, ad esempio SUS; lasciare vuoto per usare le prime tre lettere del titolo della collezione), Short text e Image (facoltativa; lasciare vuoto per usare l’immagine della collezione).

Before / after

Due immagini con una maniglia che il cliente trascina per confrontarle.

Subheading, Heading, Text.
Before image e After image: consigliato 16:9. Usare la stessa inquadratura per entrambe.
Before label e After label.
Start position (0–100%): dove si trova la maniglia al caricamento della pagina.

Comparison table

Una tabella che confronta fino a 4 opzioni su più righe. Fino a 12 blocchi Row.

Subheading, Heading, Link label e Link (il link compare solo con un’etichetta e un URL).
Da Column 1 heading a Column 4 heading. Lasciare vuota la colonna 4 per una tabella a tre colonne.
Highlighted column: dà alla colonna un titolo nel colore d’accento e celle colorate.

Blocco Row: Attribute e da Column 1 value a Column 4 value.

Product bundles

Gruppi di prodotti che i clienti aggiungono al carrello con un clic. Fino a 6 blocchi Bundle.

Subheading, Heading, Text.

Blocco Bundle:

Bundle name: il carrello lo salva su ogni riga per raggruppare i ricambi del bundle.
Short text.
Image: consigliato 16:10. Facoltativa: lasciare vuoto per usare l’immagine del primo prodotto.
Products: sceglierne fino a sei. «Add all» aggiunge uno di ogni prodotto disponibile e salta quelli esauriti. Per i prodotti con più varianti si aggiunge la prima variante disponibile.

Fitment steps

Spiega come funziona la compatibilità dei veicoli nel negozio, in fino a 6 blocchi Step.

Subheading, Heading, Text.
Blocco Step: Heading e Text.

Image gallery

Una griglia di immagini quadrate, ad esempio foto dei clienti. Fino a 12 blocchi.

Subheading, Heading.
Blocco Image: Image (consigliato 1:1), Link (facoltativo, ad esempio il post o il prodotto montato) e Caption (una breve etichetta nell’angolo, ad esempio un nome utente o un credito fotografico).
Per un feed Instagram in tempo reale, aggiungere un blocco app; compare a tutta larghezza sotto le immagini.
Finché Show "Demo fitment" label è attiva, accanto al titolo compare l’etichetta Demo images.

Blog posts

Gli articoli più recenti di un blog.

Blog: mostra gli articoli più recenti di questo blog.
Posts to show (2–6), Subheading, Heading, Text.
Remove top padding: da usare quando la sezione segue una sezione scura a tutta larghezza.

Installer locator

Un elenco di partner per il montaggio con un menu delle regioni facoltativo. Non c’è un servizio di mappe: ogni installatore si aggiunge come blocco (fino a 12).

Subheading, Heading.
Map or workshop image: consigliato 4:3.
Image caption: una breve etichetta nell’angolo dell’immagine.

Blocco Installer: Name, City, Region (alimenta il menu delle regioni; scriverla allo stesso modo per tutti gli installatori di quella regione, oppure lasciarla vuota per mostrare l’installatore in tutte le regioni), Services (una riga) e Distance (testo libero, ad esempio «4,2 km»).

Il menu delle regioni compare quando esistono due o più regioni.

FAQ

Domande e risposte che si aprono e si chiudono. Fino a 20 blocchi Question.

Subheading, Heading.
Open the first question: la prima domanda è aperta all’inizio, le altre sono chiuse.
Blocco Question: Question e Answer. Qui è meglio rimandare alle proprie politiche invece di promettere condizioni, ad esempio «Vedere la nostra politica di spedizione».

Un modulo di iscrizione via email. Aggiunge gli iscritti ai clienti con il tag «newsletter».

Subheading, Heading, Button label.
Note under the form: una nota facoltativa in piccolo, ad esempio la frequenza degli invii.
Image: consigliato 16:9. Sui telefoni compare sopra il modulo.

Custom Liquid

Per aggiungere Liquid o HTML, ad esempio lo snippet di un’app. Viene visualizzato all’interno del contenitore della pagina.

Pagine di collezione e di ricerca

L’area scura del titolo in cima a una pagina di collezione.

Show breadcrumb.
Fallback image: consigliato 3:1. Compare solo se la collezione non ha un’immagine propria.
Subheading: una piccola riga sopra il titolo della collezione.
Show the collection description e Show the product count.

Product grid (solo modello: collezione)

Products per page (8–24).
Default grid on desktop: tre o quattro colonne. I clienti possono cambiare con il selettore delle colonne; il browser ricorda la scelta.
Show the column toggle, Show sorting, Show filters. I filtri vengono dall’app Search & Discovery.
Empty collection heading e Empty collection text: compaiono quando la collezione non ha prodotti.

Fits my vehicle: la barra laterale contiene un riquadro «Fits my vehicle». Nasconde nella pagina corrente i prodotti il cui elenco di compatibilità non include il veicolo del cliente, e i prodotti senza dati di compatibilità. Vedere Compatibilità veicolo.

Blocco Promo tile (1): un riquadro scuro all’interno della griglia che occupa due colonne.

Image, Subheading, Heading, Text, Link label, Link (lasciare vuoto per rimandare a tutti i prodotti).
Position (1–12): quanti prodotti vengono prima del riquadro.
Show on the first page only.

Search results (solo modello: ricerca)

Results per page (8–24), Default grid on desktop, Show the column toggle, Show sorting, Show filters.
Show articles and pages: li elenca sotto i prodotti. Filtri e ordinamento si applicano solo ai prodotti.
Page heading: Show a search field on the page, Banner image (facoltativa) e Subheading.
No results: Heading (usare {terms} per il testo cercato dal cliente) e Text.

Il riquadro «Fits my vehicle» funziona come nelle pagine di collezione.

Collection list (solo modello: elenco collezioni)

Subheading, Heading (lasciare vuoto per usare «Collections»), Text, Collections per page (8–40).

Pagina prodotto

La sezione Product e i suoi blocchi sono descritti in una pagina a parte: Pagina prodotto.

Product recommendations (solo modello: prodotto)

Subheading, Heading, Show the "Shop all parts" link, Number of products (2–8).
Recommendation type: Related mostra prodotti simili; Complementary mostra i prodotti configurati in Search & Discovery. Non mostra nulla finché Shopify non ha consigli.

Il modello prodotto della demo usa questa sezione due volte: una per i prodotti complementari e una per quelli correlati.

Blog e articoli

Blog (solo modello: blog)

Show banner image e Banner image. Se l’impostazione è disattivata, la pagina mostra solo il titolo.
Subheading.
Show tag filter: pulsanti che filtrano gli articoli per tag.
Posts per page (6–24).

Article (solo modello: articolo)

Show featured image, Show date, Show author.
Blocchi: Custom Liquid e blocchi app.

Carrello

Cart page (solo modello: carrello)

Show order note: aggiunge un campo per una nota che viene salvata con il carrello e compare nell’ordine.
Show fitment warning: mostra «Not listed for your vehicle» sulle righe il cui prodotto non include il veicolo del cliente nella compatibilità.
Blocchi: Custom Liquid e blocchi app.

La pagina del carrello e il carrello laterale mostrano i pulsanti di checkout dinamico (come Shop Pay) configurati nelle impostazioni di pagamento.

Altre pagine

Page (solo modello: pagina)

Show page heading.
Enable narrow reading width: limita il testo a circa 72 caratteri per riga. Disattivarla per le pagine con tabelle larghe o contenuti incorporati.

Contact form (solo modello: pagina)

Usata dal modello page.contact. Assegnare questo modello alla pagina Contatti in Negozio online › Pagine.

Intro text: compare sopra il modulo, dopo il contenuto della pagina. Per la protezione dallo spam, usare l’impostazione reCAPTCHA del negozio online di Shopify.
Button label.

404 page

Heading, Text, Show search form.

Password page

Logo e Logo width. Senza logo, il nome del negozio compare nel font dei titoli.
Heading.
Show email signup: assegna agli iscritti i tag «prospect, password page» in Clienti.
Show social media icons.

Pagine dell’account cliente

Accesso, registrazione, account, ordine, indirizzi, attivazione dell’account e reimpostazione della password hanno ciascuna una propria sezione. Customer account e Customer order accettano anche Custom Liquid e blocchi app.

Ancora problemi con Keld? Contattare l’assistenza indicando l’URL del negozio e la pagina in cui si presenta il problema.