Il tema

Cosa contiene ogni tema compilato, e ogni sezione e impostazione che il commerciante raggiunge nell'editor di Shopify.

Funzioni

Funzione	Cosa fa	Senza JavaScript
Carrello laterale	Aggiungere al carrello fa scorrere il carrello dal lato con quantità, rimozione e cassa	Va alla pagina del carrello
Ricerca predittiva	Prodotti e collezioni suggeriti mentre digiti; `/` la apre	Va alla pagina di ricerca
Filtri di collezione	Disponibilità, prezzo e ogni filtro impostato dal negozio, con conteggi, senza ricaricare, mantenuti nell'indirizzo	Un modulo
Aggiunta rapida	Direttamente al carrello dalla scheda; un piccolo selettore quando ci sono opzioni	La pagina prodotto
Campioni colore	Pallini colore su schede e pagina prodotto, dalle impostazioni campioni di Shopify o dal colore nel valore dell'opzione	Lo stesso
Aggiungi al carrello fisso	Il pulsante resta a portata mentre la pagina prodotto scorre	Il pulsante principale
Sottomenu	Elenchi a discesa o mega menu con colonne e immagine; annidati nel pannello mobile	Link semplici
Guida alle taglie	Una pagina aperta in un modale dalla pagina prodotto	Un link
Media	Video, video ospitato e modelli 3D nella galleria	Immagini di copertina

Ognuna è un interruttore nel gruppo Funzioni del pannello di design e una vera impostazione del tema.

Sezioni

Home page: hero, collezione in evidenza, elenco collezioni, immagine con testo, testo formattato, multicolonna, testimonianze, barra dei loghi, FAQ, newsletter, modulo di contatto. Gruppo intestazione: barra annunci, intestazione. Piè di pagina. Ogni template — collezione, prodotto, carrello, ricerca, blog, articolo, pagina, 404, password e tutte le pagine cliente — ha la propria sezione principale.

Nessun controllo del browser

Ogni menu, selettore, ordinamento e scelta del tema è del tema stesso, stilizzato dagli stessi token, con navigazione da tastiera. L'unico controllo nativo rimasto è l'elenco paesi di Shopify nel modulo indirizzo del cliente.

Riferimento

Sotto, ogni sezione con le sue impostazioni, come le vede il commerciante in Personalizza, generate dal tema stesso.

Letto dalle macchine

Ogni pagina porta JSON-LD. Una pagina prodotto dichiara il prodotto intero e ciascuna delle sue varianti — prezzo, valuta, disponibilità, condizione, SKU, codice a barre, e colore, taglia o materiale dove i nomi delle opzioni lo consentono — e non solo quella selezionata, così un motore di ricerca o un agente d'acquisto legge l'intera gamma in un passaggio. Le collezioni elencano i prodotti in ordine, gli articoli portano autore e data, le pagine prodotto portano le briciole, e ogni pagina dichiara il negozio e un'azione di ricerca. È ciò che fa guadagnare i risultati arricchiti, ed è ciò che leggono gli agenti di IA quando comprano per conto di qualcuno.

tema 0.8.0 · 36 sezioni

Header

Intestazione e piè di pagina

Layout: choice — Logo left, menu centre · Logo centre, menu split · Logo above menu
Menu: menu
Logo file in theme assets: text
Logo file width: number
Logo file height: number
Submenus: choice — Dropdown · Mega menu
Mega menu image: image
Mega menu image caption: text
Mega menu image link: link

Announcement bar

Intestazione e piè di pagina

Text: text
Link: link

Hero

Sezione della home page

Layout: choice — Text over image · Image beside text · Text above image
Image: image
Eyebrow: text
Heading: text
Text: text
Button label: text
Button link: link
Second button label: text
Second button link: link
Height: choice — Short · Medium · Tall
Content position: choice — Bottom left · Centre

Featured collection

Sezione della home page

Layout: choice — Grid · One scrolling row · Two large, then small
Collection: collection
Heading: text
Text: text
Products: number
Columns: choice — 2 · 3 · 4
Show view all: on / off

Collection list

Sezione della home page

Heading: text
Text: text

Blocco: Collection

Collection: collection

Image with text

Sezione della home page

Image: image
Eyebrow: text
Heading: text
Text: rich text
Button label: text
Button link: link
Layout: choice — Image first · Text first

Rich text

Sezione della home page

Eyebrow: text
Heading: text
Text: rich text
Button label: text
Button link: link
Alignment: choice — Left · Centre

Multicolumn

Sezione della home page

Heading: text
Text: text
Columns: choice — 2 · 3 · 4

Blocco: Column

Image: image
Heading: text
Text: rich text
Link text: text
Link: link

Testimonials

Sezione della home page

Heading: text
Text: text

Blocco: Testimonial

Quote: rich text
Name: text
Detail: text
Stars: number

Logo bar

Sezione della home page

Heading: text

Blocco: Logo

Image: image
Text if no image: text
Link: link

FAQ

Sezione della home page

Heading: text
Text: text
Open the first question: on / off

Blocco: Question

Question: text
Answer: rich text

Contact form

Sezione della home page · nessuna impostazione

Footer

Intestazione e piè di pagina

Layout: choice — Columns · One line · Newsletter first
Newsletter heading: text
Short description: text
First menu: menu
Second menu: menu
Show newsletter signup: on / off
Show payment icons: on / off
Language and country selectors: on / off

Product grid

Sezione di pagina

Show filters: on / off
Products per page: number
Columns: choice — 3 · 4

Product

Sezione di pagina

Layout: choice — Gallery beside details · Gallery above details · Thumbnails down the side
Show vendor: on / off
Show quantity selector: on / off
Show dynamic checkout button: on / off
Sticky add to cart: on / off

Blocco: Size guide

Page: page
Link text: text

Blocco: Detail

Heading: text
Text: rich text

Cart

Sezione di pagina

Show order note: on / off

Cart drawer

Funzione · nessuna impostazione

Predictive search

Funzione · nessuna impostazione