Nell’editor del tema: PersonalizzaPagina prodottoAggiungi sezionePagina prodotto

Pagina prodotto

Il cuore della pagina prodotto: le foto e, accanto, il pannello d’acquisto. Ogni parte del pannello è un blocco che puoi spostare, rimuovere o aggiungere.

Dai a ogni prodotto la sua guida alle taglie nel campo “Size guide”. I prodotti che non ne hanno una mostrano la pagina impostata nel blocco “Selettore delle opzioni”.

Impostazioni

Layout

Larghezza dell'area del prodotto
Cursore, da 1000 a 2000 pxPredefinito: 1600 pxUsata quando «Larghezza del contenuto» qui sotto è Standard.
Layout su computer
Scelta: Metà e metà, PalcoPredefinito: Metà e metàMetà e metà: un’immagine quadrata con le miniature sotto e i dettagli accanto; tutta la pagina scorre insieme. Palco: un’immagine alta con le miniature all’interno e la scheda dei dettagli sopra.
Mantieni l'immagine al suo posto durante lo scorrimento
Attivo o disattivoPredefinito: AttivoSu schermi grandi, quando il pannello dei dettagli è più alto dell'immagine, l'immagine resta visibile mentre il pannello scorre.
Allineamento del pannello su telefoni e tablet
Scelta: Centrato, Al latoPredefinito: CentratoCentrato: titolo, prezzo, opzioni e quantità si trovano al centro. La descrizione e le righe comprimibili restano allineate al lato, perché sono testi lunghi. Su desktop il pannello è sempre allineato al lato, accanto alle foto.

Foto

Adattamento della foto
Scelta: Riempi la cornice, Mostra l'intera fotoPredefinito: Riempi la cornice«Riempi la cornice» ritaglia la foto in un quadrato. «Mostra l'intera foto» non ritaglia mai.
Mostra le miniature
Attivo o disattivoPredefinito: AttivoSu desktop e tablet: una colonna accanto all'immagine. Sui telefoni: vedi l'impostazione successiva.
Miniature anche sui telefoni
Attivo o disattivoPredefinito: AttivoUna riga di miniature sotto l'immagine principale, tocca per scegliere.
Mostra le frecce
Attivo o disattivoPredefinito: Attivo
Continua dall'ultima foto alla prima
Attivo o disattivoPredefinito: AttivoLe frecce non si fermano mai alla fine.
Mostra il pulsante di ingrandimento
Attivo o disattivoPredefinito: Attivo
Riproduzione automatica del video
Attivo o disattivoPredefinito: DisattivoIl video della galleria viene riprodotto senza audio e in loop quando entra nella vista.
Mostra un badge sulla foto
Attivo o disattivoPredefinito: AttivoEsaurito, il testo del prodotto o uno sconto.

Barra di acquisto in basso

Mostra la barra di acquisto in basso
Attivo o disattivoPredefinito: AttivoQuando il pulsante principale esce dallo schermo, la cornice si ispessisce in fondo allo schermo e porta il prodotto, la scelta attuale, il prezzo e Aggiungi al carrello fino alla fine della pagina. Ha il colore della cornice. Su smartphone si alterna con il menu fluttuante scorrendo verso l'alto.
Forma della scheda fluttuante sul telefono
Scelta: Scheda fluttuante, Sale da dietro il menu, La cornice salePredefinito: Scheda fluttuanteScheda fluttuante: fluttua appena sopra la cornice in basso, come sul computer, e il menu in basso fa spazio. Sale: la scheda sale da dietro il menu in basso, e il menu resta. Cornice: la cornice sale a tutta larghezza e il menu fa spazio. Senza menu in basso, «Sale» diventa la cornice. Sul computer sempre una scheda fluttuante.
Colore della scheda fluttuante
ColoreVuoto: la superficie del sito, come il pannello di ricerca. Su un colore scuro il testo diventa chiaro.
Colore del bordo della scheda fluttuante
ColoreUn bordo intorno alla scheda fluttuante. Vuoto: una linea sottile del colore del testo.
Piccola immagine del prodotto nella barra
Attivo o disattivoPredefinito: AttivoUna piccola immagine all'inizio della barra, nella riga.

Sfondo della pagina

Stile dello sfondo
Scelta: Sfondo del sito, Colore uniforme, Palco illuminatoPredefinito: Sfondo del sitoSfondo del sito: la pagina segue il resto del sito. Colore pieno: il colore qui sotto. Palco illuminato: un palco del colore scelto, con una luce morbida dietro l’immagine e dietro i dettagli. Su un colore scuro testo, linee e pulsanti si schiariscono da soli. Le ultime due opzioni sostituiscono i colori personalizzati della sezione.
Schema di colore
Schema di coloriIl palco prende sfondo e accento da questo schema. Un colore scelto qui sotto prevale.
Colore di sfondo
ColoreCon il palco illuminato: il tono del palco. Il predefinito è il carbone caldo usato dal palco in tutto il sito.
Colore della luce
ColoreLa luce soffusa dietro l'immagine e dietro i dettagli. Vuoto: bianco.
Le impostazioni comuni a ogni sezioneFinestra, Scorrimento, Spaziatura, Colori, Stile del testo

Le impostazioni di finestra, scorrimento, spaziatura e colori funzionano allo stesso modo in ogni sezione. Scopri come funzionano.

Finestra

Unione
Scelta: Finestra separata, Unita alla finestra sopra, Unita alla finestra sotto, Unita sopra e sottoPredefinito: Finestra separata
Angoli delle immagini
Scelta: Arrotondati, SquadratiPredefinito: Arrotondati

Scorrimento

La sezione successiva la copre durante lo scorrimento
Attivo o disattivoPredefinito: DisattivoScorrendo verso il basso, questa sezione resta ferma sotto l'header e la sezione successiva sale sopra di essa. Scorrendo indietro l'effetto si inverte. Disattivato nell'editor, per i visitatori che hanno richiesto il movimento ridotto e sugli schermi molto bassi.

Spaziatura

Spaziatura personalizzata per questa sezione
Attivo o disattivoPredefinito: DisattivoDisattivato: la spaziatura tra le sezioni delle impostazioni del tema, in Layout. Attivato: i valori indicati qui, sopra e sotto questa sezione. Su mobile la maggior parte delle sezioni ne usa il 65%.
Spazio sopra
Cursore, da 0 a 160 pxPredefinito: 12 px
Spazio sotto
Cursore, da 0 a 160 pxPredefinito: 32 px
Spazio aggiuntivo sopra sugli schermi grandi
Cursore, da 0 a 96 pxPredefinito: 16 pxSi aggiunge allo spazio sopra, da una larghezza dello schermo di 990 px.
Spazio aggiuntivo sotto sugli schermi grandi
Cursore, da 0 a 96 pxPredefinito: 24 pxSi aggiunge allo spazio sopra, da una larghezza dello schermo di 990 px.
Larghezza del contenuto
Scelta: Stretta, Standard, Ampia, Larghezza pienaPredefinito: Standard

Colori

Usa colori personalizzati per questa sezione
Attivo o disattivoPredefinito: DisattivoAltrimenti la sezione usa i colori del tema.
Sfondo
ColorePredefinito: #F1F1EF
Testo
ColoreVuoto: automatico. Chiaro su sfondo scuro, scuro su sfondo chiaro.

Stile del testo

Stile del testo personalizzato per questa sezione
Attivo o disattivoPredefinito: DisattivoAltrimenti la sezione usa lo stile del tema. I font di Shopify non includono l'ebraico, quindi puoi scegliere tra stili che funzionano in ebraico.
Stile del titolo
Scelta: Predefinito del tema, Leggero, Grassetto, SerifPredefinito: Predefinito del tema
Dimensione del titolo
Cursore, da 70 a 160 %Predefinito: 100 %
Colore del titolo
ColoreVuoto: automatico, usa il colore della sezione (chiaro su sfondo scuro).
Stile del testo
Scelta: Predefinito del tema, Leggero, Grassetto, SerifPredefinito: Predefinito del tema
Dimensione del testo
Cursore, da 70 a 160 %Predefinito: 100 %
Colore del testo
ColoreVuoto: automatico, usa il colore della sezione (chiaro su sfondo scuro).

Blocchi

I blocchi sono i pezzi dentro la sezione. Nell’editor si aggiungono, si eliminano e si trascinano per cambiare l’ordine.

Blocco app

Le app installate possono aggiungere qui un proprio blocco, per esempio recensioni o una tabella delle taglie.

Questa parte non ha impostazioni proprie.

Titolo

Generale

Mostra il nome della collezione sopra il titolo
Attivo o disattivoPredefinito: Attivo
Metti in risalto la parte dopo " | "
Attivo o disattivoPredefinito: AttivoSe il nome del prodotto contiene " | ", la parte successiva viene mostrata con uno spessore maggiore.
Mostra il fornitore
Attivo o disattivoPredefinito: Disattivo
Prezzo

Generale

Mostra la percentuale di sconto
Attivo o disattivoPredefinito: DisattivoLo sconto è già mostrato sulla foto. Attiva per mostrarlo anche accanto al prezzo.
Testo

Generale

Testo
TestoUna breve descrizione sotto il titolo. Puoi collegarla a un campo prodotto.
Selettore delle opzioni

Generale

Stile
Scelta: Pulsanti, Elenco a discesaPredefinito: Pulsanti
Colori
Scelta: Cerchi di colore, Elenco a discesaPredefinito: Cerchi di coloreSolo per un’opzione colore. Le altre opzioni seguono lo stile qui sopra.
Pagina della guida alle taglie
PaginaI prodotti con un proprio campo «Guida alle taglie» (custom.size_guide) mostrano quella pagina. Altrimenti questa pagina e, se è vuota, quella delle impostazioni del tema.
Quantità

Generale

Posizione
Scelta: Accanto a «Acquista ora», Riga propriaPredefinito: Accanto a «Acquista ora»Accanto a «Acquista ora»: la quantità è all'inizio della prima riga di pulsanti e «Aggiungi al carrello» ha sotto una propria riga a tutta larghezza. Riga propria: sopra i pulsanti, con la sua etichetta. Con i livelli di quantità, i livelli ne prendono il posto.
Scaglioni di quantità

Generale

Titolo
TestoVuoto: «Quantità» nella lingua del cliente. Su computer la leggono solo gli screen reader.
Etichetta per 1 unità
TestoVuoto: il numero di unità («2 unità»), nella lingua del cliente.
Mostra questo scaglione
Attivo o disattivoPredefinito: Attivo
Numero di unità
Cursore, da 2 a 12Predefinito: 2
Sconto
Cursore, da 0 a 60 %Predefinito: 10 %Deve corrispondere al tuo sconto automatico.
Etichetta
TestoVuoto: il numero di unità («2 unità»), nella lingua del cliente.
Mostra questo scaglione
Attivo o disattivoPredefinito: Attivo
Numero di unità
Cursore, da 2 a 12Predefinito: 3
Sconto
Cursore, da 0 a 60 %Predefinito: 18 %Deve corrispondere al tuo sconto automatico.
Etichetta
TestoVuoto: il numero di unità («2 unità»), nella lingua del cliente.
Evidenzia uno scaglione
Scelta: Nessuno, Secondo scaglione, Terzo scaglionePredefinito: Nessuno
Testo di evidenziazione
TestoVuoto: lo sconto del livello in evidenza, per esempio «18% di sconto».

Offri un prezzo migliore a chi acquista di più. Lo sconto viene solo mostrato qui: crea uno sconto automatico corrispondente nel pannello di controllo Shopify perché venga applicato davvero.

Le impostazioni comuni a ogni sezioneColori

Colori

Sfondo della riga
ColoreVuoto: i colori dello schema di colori.
Bordo della riga selezionata
Colore
Sfondo del badge
Colore
Testo del badge
Colore
Opzioni di acquisto

Generale

Titolo
TestoVuoto: il testo predefinito.
Mostra la percentuale di risparmio
Attivo o disattivoPredefinito: Attivo
Mostra le descrizioni dei piani
Attivo o disattivoPredefinito: AttivoLa descrizione proviene dall'app per abbonamenti.
Mostra il link alle condizioni dell'abbonamento
Attivo o disattivoPredefinito: AttivoMostrato quando il negozio ha un'informativa sugli abbonamenti (Impostazioni, Informative).

Opzioni di acquisto singolo e di abbonamento, per i prodotti venduti con un'app per abbonamenti. Senza questo blocco, i prodotti con abbonamenti mostrano le opzioni sopra il pulsante di aggiunta al carrello.

Pulsanti di acquisto

Generale

Pulsante Acquista ora
Attivo o disattivoPredefinito: AttivoPorta direttamente al pagamento solo con questo prodotto e lascia il carrello com’è.
Pulsanti di checkout dinamico
Scelta: Wallet o «Acquista ora» di Shopify, Solo wallet, DisattivatoPredefinito: Wallet o «Acquista ora» di ShopifyI pulsanti di Shopify sotto i pulsanti di acquisto. Mostrano il wallet dell'acquirente (Shop Pay, Apple Pay, Google Pay, PayPal) quando ne è attivato uno nelle impostazioni di pagamento. Quando il pulsante Acquista ora è attivo, il pulsante «Acquista ora» di Shopify non compare mai, così ce n'è uno solo.
Pulsanti di pagamento rapido
Attivo o disattivoPredefinito: Attivobit, carta di credito e tutto ciò che hai aggiunto. Aggiunge al carrello e va al checkout. I pulsanti si trovano nelle impostazioni del tema, «Pulsanti di pagamento rapido».
Mostra il modulo del destinatario per i buoni regalo
Attivo o disattivoPredefinito: AttivoConsente agli acquirenti di inviare un buono regalo direttamente a un'altra persona. Quando il modulo è visibile, il pulsante Acquista ora e i pulsanti di checkout dinamico sono nascosti sui buoni regalo, perché Shopify controlla i dati del destinatario solo quando si aggiunge al carrello.
Riga di consegna e garanzia

Generale

Nota sulla consegna
TestoUna breve riga sotto il pulsante di acquisto, tra due linee sottili, visibile prima di aggiungere al carrello. Ad esempio: Consegna a domicilio in 8–18 giorni lavorativi. Per una riga diversa per ogni prodotto, compila il campo prodotto custom.delivery_note (Testo a riga singola; Impostazioni, Dati personalizzati, Prodotti): ha la precedenza su questo testo. Se entrambi sono vuoti, viene mostrata la riga di spedizione delle impostazioni del tema (Prodotti) e, se anche quella è vuota, una riga che segue la regola della spedizione gratuita (impostazioni del tema, Spedizione gratuita).
Nota sulla garanzia
TestoDisattivata per impostazione predefinita: vuoto significa nessuna riga. Per una riga diversa per ogni prodotto, compila il campo prodotto custom.warranty (Testo a riga singola; Impostazioni, Dati personalizzati, Prodotti): ha la precedenza su questo testo. Scrivi solo ciò che è vero per il prodotto.
Riga di fiducia

Generale

Fino a tre brevi promesse con un'icona e, sotto, le icone di pagamento. La sua posizione naturale è subito sotto il pulsante di acquisto.

Primo elemento

Icona
Scelta: Pacco (spedizione), Freccia di ritorno (resi), Scudo (pagamento sicuro), Cuffie (assistenza), Diamante (qualità), Nascondi questo elementoPredefinito: Pacco (spedizione)
Testo
TestoVuoto: un testo predefinito in base all'icona. Pacco: la promessa di spedizione secondo la regola della spedizione gratuita (impostazioni del tema, Spedizione gratuita). Freccia di ritorno e scudo: un breve testo fisso. Cuffie e diamante non hanno un testo predefinito, quindi l'elemento appare solo con un testo scritto qui. Un testo lungo va a capo su due righe bilanciate.

Secondo elemento

Icona
Scelta: Pacco (spedizione), Freccia di ritorno (resi), Scudo (pagamento sicuro), Cuffie (assistenza), Diamante (qualità), Nascondi questo elementoPredefinito: Freccia di ritorno (resi)
Testo
TestoVuoto: un testo predefinito in base all'icona. Pacco: la promessa di spedizione secondo la regola della spedizione gratuita (impostazioni del tema, Spedizione gratuita). Freccia di ritorno e scudo: un breve testo fisso. Cuffie e diamante non hanno un testo predefinito, quindi l'elemento appare solo con un testo scritto qui. Un testo lungo va a capo su due righe bilanciate.

Terzo elemento

Icona
Scelta: Pacco (spedizione), Freccia di ritorno (resi), Scudo (pagamento sicuro), Cuffie (assistenza), Diamante (qualità), Nascondi questo elementoPredefinito: Scudo (pagamento sicuro)
Testo
TestoVuoto: un testo predefinito in base all'icona. Pacco: la promessa di spedizione secondo la regola della spedizione gratuita (impostazioni del tema, Spedizione gratuita). Freccia di ritorno e scudo: un breve testo fisso. Cuffie e diamante non hanno un testo predefinito, quindi l'elemento appare solo con un testo scritto qui. Un testo lungo va a capo su due righe bilanciate.

Icone di pagamento

Mostra le icone dei metodi di pagamento
Attivo o disattivoPredefinito: Attivo
Consegna stimata

Generale

Giorni lavorativi, minimo
Cursore, da 0 a 30Predefinito: 11
Giorni lavorativi, massimo
Cursore, da 0 a 45Predefinito: 18
Giorni non lavorativi
Scelta: Venerdì e sabato, Sabato e domenica, Nessuno, contano tutti i giorniPredefinito: Venerdì e sabato
Riga principale
Testo[from] e [to] vengono sostituiti con le date. Vuoto: «Ordina oggi, arriva tra il [from] e il [to]»
Seconda riga
TestoVuoto: l'intervallo di giorni, a domicilio.
Mostra un'icona del calendario
Attivo o disattivoPredefinito: Attivo

Calcola l'intervallo di date a partire da oggi, in giorni lavorativi. Le date vengono calcolate nel browser del cliente, quindi sono sempre corrette per il giorno della visita.

Domanda su WhatsApp

Generale

Domanda
TestoVuoto: il testo predefinito.
Testo del link
TestoVuoto: il testo predefinito.
Messaggio pronto
Testo[product] viene sostituito con il nome del prodotto. Vuoto: «Ciao, ho una domanda su [product]»
Aggiungi il link del prodotto al messaggio
Attivo o disattivoPredefinito: Attivo

Una riga che apre una chat WhatsApp con un messaggio già pronto. Il numero proviene dalle impostazioni del tema, alla voce social media. Finché non viene aggiunto un numero, la riga porta alla pagina dei contatti del negozio.

Descrizione

Questa parte non ha impostazioni proprie.

Riga comprimibile

Generale

Titolo
Testo
Cosa mostra la riga
Scelta: Testo o pagina, Specifiche del prodotto, Elenco con iconePredefinito: Testo o pagina
Contenuto
Testo
Contenuto da una pagina
PaginaMostrato dopo il contenuto qui sopra.
Campo delle specifiche del prodotto
TestoNamespace e chiave, ad esempio custom.specs. Un dettaglio per riga nel campo: «Nome: valore». I prodotti senza il campo non mostrano la riga.
Righe
TestoUna frase per riga. L'icona viene scelta in base alle parole: shipping, return, support, secure o payment (anche in ebraico). Le altre righe ricevono uno scudo con un segno di spunta.
Link alle informative su spedizione e rimborsi
Attivo o disattivoPredefinito: Attivo
Bolla dell’offerta

Generale

Icona
Scelta: Fulmine, Regalo, Scintilla, Timer, Cuore, Scudo con segno di spunta, Nessuna iconaPredefinito: Fulmine
Titolo
TestoVuoto: «Un’offerta speciale», nella lingua del visitatore.
Riga dell’offerta
TestoPer esempio «20 $ di sconto sugli ordini da 200 $». Senza riga la bolla non appare.
Prodotti
ProdottiLa bolla appare solo sui prodotti scelti qui. Vuoto: su ogni prodotto che usa questo modello.
Le impostazioni comuni a ogni sezioneColori

Colori

Colore d’accento
ColoreLa linguetta e la cornice. Vuoto: il colore di tutte le linguette (il colore della cornice).
Colore del testo nella linguetta
ColoreVuoto: chiaro su una linguetta scura, scuro su una chiara.
Colore di sfondo
ColoreVuoto: bianco.
Colore del testo
Colore
Conto alla rovescia

Generale

Riga dell’offerta
TestoPer esempio «Sconto del 20%». Vuoto: la percentuale di sconto della variante, se ha un prezzo di confronto.
Testo breve
TestoAppare accanto alla riga dell’offerta. Vuoto: «Tempo limitato», nella lingua del visitatore.
Prodotti
ProdottiLa barra appare solo sui prodotti scelti qui. Vuoto: non appare da nessuna parte. Usala per una vera promozione con una vera data di fine.

Timer

Data e ora di fine
TestoAnno-mese-giorno seguito da ora:minuto, per esempio 2026-10-20 18:00, nel fuso orario del negozio. Vuoto o non valido: la barra non appare nel negozio e l’editor mostra una nota con la data come il negozio l’ha intesa.
Mostra i secondi
Attivo o disattivoPredefinito: AttivoI visitatori che preferiscono il movimento ridotto non vedono mai i secondi, e il timer si aggiorna una volta al minuto.
Quando il tempo scade
Scelta: Mostra un messaggio di offerta terminata, La barra scomparePredefinito: La barra scompare
Messaggio di fine offerta
TestoVuoto: «Questa offerta è terminata. Grazie per l'interesse.», nella lingua del visitatore.

Sfondo

Colore di sfondo
ColoreVuoto: l’inchiostro del negozio. Il palco illuminato nasce da questo colore.
Stile dello sfondo
Scelta: Colore uniforme, Palco illuminatoPredefinito: Palco illuminatoPalco 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 testo
ColoreVuoto: automatico. Chiaro su sfondo scuro, scuro su sfondo chiaro.
Liquid personalizzato

Generale

Liquid personalizzato
CodicePer personalizzazioni avanzate e snippet di app.

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