Pagine del prodotto

Le pagine del prodotto sono le pagine da cui vengono mostrate le informazioni sui prodotti venduti nel tuo negozio e in cui i tuoi clienti possono acquistare i prodotti.

Per impostazione predefinita, le pagine del prodotto presentano una sezione Informazioni di prodotto e una sezione Prodotti correlati nell'editor del tema.

Sezione Informazioni di prodotto

La sezione Informazioni di prodotto mostra i dettagli dei tuoi prodotti, come titolo, descrizione, prezzo e immagini.

Impostazioni della sezione Informazioni di prodotto

Impostazioni della sezione Informazioni di prodotto
ImpostazioneDescrizione
Abilita contenuto fisso su desktopQuando scorri la pagina verso il basso, la colonna delle informazioni di prodotto non inizia a scorrere fino a quando tutte le immagini non sono state visualizzate.
Schema di coloriUna serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Larghezza dei contenuti multimediali su desktopImposta la larghezza dei contenuti multimediali di prodotto nella pagina del prodotto per i computer desktop. Scegli tra Piccola, Media o Grande.
Adatta i contenuti multimediali all'altezza dello schermoSelezionando questa opzione si imposta un'altezza massima dei contenuti multimediali basandosi su quella della finestra del browser di qualsiasi dispositivo.
Adattamento dei contenuti multimedialiSeleziona Originale per mantenere le proporzioni originali del contenuto multimediale, oppure Riempimento per adattare il contenuto multimediale al dispositivo in cui viene riprodotto.
Layout desktop Imposta il layout dei contenuti multimediali di prodotto sui computer desktop. Scegli tra le seguenti opzioni:
  • Elenco: mostra i contenuti multimediali di prodotto disposti verticalmente sulla pagina. Quando clicchi su un tipo di contenuti multimediali nell'elenco, si apre una finestra di dialogo pop-up con una vista più grande del contenuto multimediale selezionato.
  • 2 colonne: mostra i contenuti multimediali di prodotto in un elenco, ma su due colonne.
  • Miniature: se il prodotto dispone di più tipi di immagine o di altri contenuti multimediali, i contenuti multimediali rimanenti verranno visualizzati come miniature sotto i contenuti multimediali di prodotto principali. Il cliente può cliccare su qualsiasi miniatura per visualizzarla come contenuto multimediale di prodotto principale.
  • Carosello miniature: se il prodotto dispone di più tipi di immagini o di altri contenuti multimediali, i contenuti multimediali rimanenti verranno visualizzati come miniature in un carosello sotto i contenuti multimediali di prodotto principali. Il cliente può cliccare su una miniatura per visualizzarla come contenuto di prodotto principale o utilizzare le frecce di navigazione del carosello per visualizzare gli altri contenuti multimediali.
Posizione contenuti multimediali su desktopScegli se mostrare i contenuti multimediali di prodotto sul lato sinistro o sul lato destro della pagina sui computer desktop.
Zoom immagineScegli il modo in cui l'immagine si ingrandisce sul computer:
  • Apri la lightbox: il cliente può cliccare per visualizzare una versione più grande dell'immagine. Questa è la funzionalità predefinita per i contenuti multimediali dei prodotti visualizzati sui dispositivi mobili.
  • Clicca e fai scorrere il mouse: il cliente può cliccare per ingrandire l'immagine, quindi far scorrere il mouse per visualizzare le diverse sezioni ingrandite con lo zoom. Lo zoom al passaggio del mouse è disabilitato quando si clicca di nuovo sull'immagine ingrandita o quando il cursore lascia il contenitore dell'immagine. Quando è attiva questa impostazione e l'utente sta utilizzando un dispositivo mobile, se ci si clicca su, per impostazione predefinita l'immagine si aprirà in una finestra modale (lightbox).
  • Nessuno zoom: questa opzione disattiva lo zoom sulle immagini. È adatta per immagini che non sono ad alta risoluzione e non vengono visualizzate bene una volta ingrandite.
Layout dispositivo mobileImposta il layout dei contenuti multimediali del prodotto sui dispositivi mobili. Scegli tra le seguenti opzioni:
  • 2 colonne: mostra due contenuti multimediali di prodotto affiancati, con funzionalità di carosello per scorrere e visualizzare altri contenuti multimediali di prodotto.
  • Mostra miniature: mostra un singolo contenuto multimediale principale del prodotto, con lo scorrimento del carosello delle miniature in basso.
  • Nascondi miniature: mostra un singolo contenuto multimediale principale del prodotto, con lo scorrimento del carosello in basso, ma le miniature non vengono visualizzate.
Nascondi i contenuti multimediali delle altre varianti dopo averne selezionata unaQuando viene selezionata una variante, le immagini relative ad altre varianti vengono nascoste; verranno nuovamente visualizzate quando la variante verrà deselezionata.
Abilita la riproduzione in loop dei videoPer qualsiasi video presente nei contenuti multimediali del prodotto, questa impostazione riproduce il video in loop, in modo da riprodurlo automaticamente al termine.
Spaziatura superioreImposta la quantità di spazio nella parte superiore della sezione.
Spaziatura inferioreImposta la quantità di spazio nella parte inferiore della sezione.

Oltre alle impostazioni della sezione Informazioni di prodotto, è possibile visualizzare e personalizzare alcune delle impostazioni del tema per i badge dei prodotti e aggiungere il proprio CSS personalizzato specifico per la sezione.

Blocchi di Informazioni di prodotto

Puoi utilizzare i seguenti blocchi nella sezione Informazioni di prodotto:

Blocco Testo

Il blocco Testo può essere utilizzato per mostrare un testo statico o dati variabili tramite origini dinamiche. Ad esempio, puoi aggiungere del testo che mostra un messaggio di marketing, come Spedizione gratuita per ordini oltre i $ 100 che verrebbe mostrato su ogni prodotto. Puoi anche aggiungere un'origine dinamica, ad esempio il campo Fornitore del prodotto, che potrebbe cambiare a seconda del prodotto visualizzato.

Impostazioni del blocco di testo nella sezione Informazioni di prodotto
ImpostazioneDescrizione
TestoUn campo di testo per aggiungere ulteriori informazioni alla pagina di prodotto.
Stile del testo Cambia lo stile del testo. Scegli dalle opzioni seguenti:
  • Testo: rende il testo in stile paragrafo.
  • Sottotitolo: rende il testo in stile sottotitolo, che è leggermente più grande del testo in stile paragrafo.
  • Maiuscolo: rende il testo più piccolo del testo in stile paragrafo e mette tutto il testo in maiuscolo.

Blocco Titolo

Il blocco Titolo mostra il titolo del prodotto in fase di visualizzazione. Questo blocco non ha impostazioni personalizzabili.

Blocco Prezzo

Il blocco Prezzo mostra le informazioni sui prezzi del prodotto in fase di visualizzazione, come prezzo e prezzo di confronto. Questo blocco non ha impostazioni personalizzabili.

Blocco Selettore di variante

Il blocco selettore di variante mostra tutte le opzioni della variante del prodotto in fase di visualizzazione. Il selettore di variante viene visualizzato solo per i prodotti con opzioni della variante. Se rimuovi questo blocco e hai prodotti con opzioni della variante, i tuoi clienti non possono scegliere o acquistare l'opzione della variante desiderata.

Impostazioni del blocco Selettore di variante nella sezione Informazioni di prodotto
ImpostazioneDescrizione
Stile Scegli come mostrare ai clienti le varianti di prodotto. Scegli tra le seguenti opzioni:
  • Menu a discesa: mostra le opzioni delle varianti in un menu a discesa. Possono essere visualizzate solo come campione di colore o testo.
  • Pulsanti: mostra le opzioni della variante come pulsanti selezionabili. Possono essere visualizzate solo come campione di colore o testo.
Campione di colore Scegli come mostrare i campioni di colore ai clienti. Scegli tra le seguenti opzioni:
  • Cerchio: mostra il campione di colore come cerchio selezionabile.
  • Quadrato : mostra il campione di colore come quadrato selezionabile.
  • Nessuno: nessun campione di colore visualizzato.

Blocco Selettore di quantità

Il blocco Selettore quantità mostra un campo numerico selezionabile e modificabile che i clienti possono utilizzare per modificare il numero di unità del prodotto che desiderano acquistare. Questo blocco non ha impostazioni personalizzabili.

Blocco Buy Button

Il blocco Buy button mostra il pulsante Aggiungi al carrello e qualsiasi informazione sul ritiro in negozio. Inoltre può mostrare qualsiasi pulsante di check-out dinamico presente nel negozio.

Impostazioni del blocco Buy Button nella sezione Informazioni di prodotto
ImpostazioneDescrizione
Mostra pulsanti di check-out dinamicoMostra tutte le opzioni di check-out dinamico che hai attivato nelle impostazioni dei Pagamenti.
Mostra il modulo informazioni del destinatario per i buoni regaloMostra una casella di spunta facoltativa sui buoni regalo in dotazione, per consentire ai clienti di inviare e pianificare un buono regalo a un destinatario insieme a un messaggio personale.

Blocco Descrizione

Il blocco Descrizione mostra la descrizione del prodotto in fase di visualizzazione. Questo blocco non ha impostazioni personalizzabili.

Blocco Condividi

Il blocco Condividi mostra un link selezionabile che consente ai clienti di condividere il prodotto sui social media.

Impostazioni del blocco Condividi nella sezione Informazioni di prodotto
ImpostazioneDescrizione
TestoIl testo su cui i clienti cliccano per condividere il prodotto sui social media.

Blocco SKU

Il blocco SKU mostra la Stock Keeping Unit (SKU) associata al prodotto o alla variante, se pertinente. Scopri di più sull'aggiunta di numeri SKU alle varianti di prodotto.

Impostazioni del blocco SKU nella sezione Informazioni di prodotto
ImpostazioneDescrizione
Stile del testo Cambia lo stile del testo. Scegli dalle opzioni seguenti:
  • Testo: rende il testo in stile paragrafo.
  • Sottotitolo: rende il testo in stile sottotitolo, che è leggermente più grande del testo in stile paragrafo.
  • Maiuscolo: rende il testo più piccolo del testo in stile paragrafo e mette tutto il testo in maiuscolo.

Blocco Stato delle scorte

Il blocco Stato delle scorte mostra lo stato dell'inventario del prodotto. Puoi mostrare in modo permanente lo stato delle scorte e il numero di scorte rimanenti oppure visualizzarlo solo al raggiungimento di una soglia impostata da parte del conteggio delle scorte dei prodotti. Lo stato delle scorte viene visualizzato solo per i prodotti che hanno attivato il monitoraggio delle scorte.

Impostazioni del blocco Stato delle scorte nella sezione Informazioni di prodotto
ImpostazioneDescrizione
Stile del testo Cambia lo stile del testo. Scegli dalle opzioni seguenti:
  • Testo: rende il testo in stile paragrafo.
  • Sottotitolo: rende il testo in stile sottotitolo, che è leggermente più grande del testo in stile paragrafo.
  • Maiuscolo: rende il testo più piccolo del testo in stile paragrafo e mette tutto il testo in maiuscolo.
Soglia per le scorte scarseUtilizza il cursore dell'intervallo per impostare una soglia quando i prodotti vengono visualizzati con un messaggio di Scorte ridotte. Scegli un numero tra 0 e 100. Se imposta il cursore su 0, l'opzione Disponibile verrà visualizzata fino a quando il prodotto non sarà completamente esaurito.
Mostra conteggio delle scorteSeleziona questa opzione per mostrare il conteggio delle scorte in magazzino per i tuoi prodotti.

Blocco Liquid personalizzato

Il blocco Liquid personalizzato mostra il codice personalizzato Liquid o HTML da aggiungere al blocco.

Impostazioni del blocco Liquid personalizzato nella sezione Informazioni di prodotto
ImpostazioneDescrizione
Codice LiquidMostra il contenuto restituito dal codice Liquid o HTML inserito.

Blocco Riga comprimibile

Il blocco Riga comprimibile mostra una riga estensibile e comprimibile con un titolo. Quando un cliente clicca sull'icona, sul titolo o sulla freccia verso il basso, la riga si espande per mostrare un contenuto aggiuntivo.

Impostazioni del blocco della scheda comprimibile nella sezione Informazioni di prodotto
ImpostazioneDescrizione
TitoloIl titolo della riga, che viene visualizzato quando la riga viene compressa o espansa.
IconaSeleziona un'icona da visualizzare con la riga comprimibile oppure seleziona Nessuno per mostrare solo il titolo della riga.
Contenuto rigaInserisci il contenuto della riga tramite il rich text editor. Il contenuto viene visualizzato solo quando la riga è espansa.
Contenuto riga dalla paginaAggiungi il contenuto di una pagina alla tua riga. Verrà visualizzato solo il contenuto alla pagina nella sezione Negozio online > Pagine del pannello di controllo Shopify. Non mostra alcun contenuto aggiunto al modello delle pagine nell'editor del tema. Tutti i contenuti inseriti nel campo Contenuto riga vengono visualizzati sopra il contenuto della pagina aggiunta.

Blocco Pop up

Il blocco Pop-up mostra un testo cliccabile che apre una finestra di pop-up al momento del clic.

Impostazioni del blocco Pop up nella sezione Informazioni di prodotto
ImpostazioneDescrizione
Etichetta linkIl testo selezionabile su cui i clienti cliccano per visualizzare la finestra pop up.
PaginaSeleziona la pagina da cui desideri mostrare il contenuto nella finestra di dialogo pop-up. Verrà visualizzato solo il contenuto che aggiungi a una pagina nella sezione Negozio online > Pagine del pannello di controllo Shopify. Non mostra alcun contenuto aggiunto al modello delle pagine nell'editor del tema.

Blocco Valutazione del prodotto

Il blocco Valutazione del prodotto mostra la valutazione media dei prodotti in stelle con il numero di recensioni tra parentesi, ad esempio: ★★★★★ (8).

Per visualizzare le valutazioni dei prodotti, devi utilizzare un'app per le recensioni del prodotto e le definizioni dei metafield per reviews.rating_count e reviews.rating.

Questo blocco non ha impostazioni personalizzabili.

Blocco Prodotti complementari

Il blocco Prodotti complementari mostra i prodotti complementari configurati con l'app Shopify Search & Discovery.

Impostazioni del blocco Prodotti complementari nella sezione Informazioni di prodotto
ImpostazioneDescrizione
Titolo Il titolo del blocco.
Mostra come riga comprimibile Quando è selezionato, il contenuto viene visualizzato come compresso all'interno di una riga. Quando un cliente clicca su un titolo, la riga si espande e mostra contenuti aggiuntivi.
Icona Seleziona un'icona da associare al titolo quando i prodotti complementari vengono visualizzati come riga comprimibile.
Massimo di prodotti da mostrare Seleziona il numero massimo di prodotti complementari da visualizzare. Scegli un numero tra 1 e 10.
Numero di prodotti per pagina Seleziona il numero di prodotti complementari che desideri mostrare in ogni pagina scorrevole. Scegli un numero tra 1 e 4.
Stile impaginazione Imposta lo stile della navigazione del cursore visualizzato sotto le immagini. Scegli tra Punti, Contatore o Numeri.
Proporzioni delle immagini Imposta le proporzioni delle immagini della scheda prodotto. Scegli tra Verticale o Quadrato.
Abilita il pulsante di aggiunta rapida Se attivi il pulsante di aggiunta rapida, i clienti potranno aggiungere un articolo al carrello dalla scheda prodotto tramite una delle seguenti opzioni:
  • Aggiungi al carrello: per prodotti con una sola variante. Quando un cliente clicca sul pulsante, il prodotto viene automaticamente aggiunto al carrello.
  • Scegli opzioni: per prodotti con varianti. Quando un cliente clicca sul pulsante, viene visualizzata una finestra pop-up per selezionare la loro variante e procedere con l'acquisto.

Blocco Icona con testo

Il blocco Icona con testo mostra fino a 3 icone con il testo di accompagnamento. Scegli da un elenco di icone preinstallate o utilizza un'immagine che hai caricato.

Impostazioni per il blocco Icona con testo nella sezione Informazioni di prodotto
ImpostazioneDescrizione
LayoutScegli tra il layout Orizzontale o Verticale per il blocco.
Prima iconaSeleziona un'icona da visualizzare nel blocco o seleziona Nessuno per visualizzare solo un titolo.
Prima immagineScegli l'immagine da utilizzare al posto di un'icona.
Primo titoloAggiungi un titolo per la tua prima icona o immagine.
Seconda iconaSeleziona un'icona da visualizzare nel blocco o seleziona Nessuno per visualizzare solo un titolo.
Seconda immagineScegli l'immagine da utilizzare al posto di un'icona.
Secondo titoloAggiungi un titolo per la tua seconda icona o immagine.
Terza iconaSeleziona un'icona da visualizzare nel blocco o seleziona Nessuno per visualizzare solo un titolo.
Terza immagineScegli l'immagine da utilizzare al posto di un'icona.
Terzo titoloAggiungi un titolo per la terza icona o immagine.

Sezione dei prodotti correlati

In base al prodotto visualizzato, la sezione Prodotti correlati mostra prodotti simili, con una descrizione simile o prodotti acquistati frequentemente insieme al prodotto visualizzato. Puoi aggiungere manualmente i tuoi prodotti alla sezione Prodotti correlati tramite l'app Shopify Search & Discovery.

Per maggiori informazioni sulle raccomandazioni sui prodotti, consulta la sezione con le informazioni riguardo ai consigli sui prodotti.

Impostazioni della sezione Prodotti correlati

Impostazioni per la sezione di prodotti simili
ImpostazioneDescrizione
TitoloIl titolo della sezione.
Dimensione del titoloDimensioni del testo del titolo. Scegli tra le opzioni Piccolo, Medio, Grande, Extra large o Extra extra large.
Massimo di prodotti da mostrareImposta il numero massimo di prodotti correlati da visualizzare. Scegli un numero tra 2 e 10.
Numero di colonne su desktopImposta il numero di colonne dei prodotti da mostrare sui computer desktop. Scegli un numero tra 1 e 6.
Schema di coloriUna serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Proporzioni delle immaginiImposta le proporzioni delle immagini in evidenza dei prodotti correlati visualizzati. Scegli tra le seguenti opzioni:
  • Adatta all'immagine: utilizza le proporzioni delle immagini e impedisce che vengano ritagliate.
  • Ritratto: ritaglia le immagini utilizzando una proporzione 2:3.
  • Quadrate: ritaglia le immagini utilizzando una proporzione 1:1.
Forma immagineScegli una delle seguenti forme immagine per le immagini dei prodotti correlate:
  • Predefinita: modifica l'immagine del prodotto in una forma rettangolare.
  • Arco: curva la parte superiore dell'immagine del prodotto.
  • Goccia: arrotonda l'immagine del prodotto in una delle sei forme casuali a goccia che mostrano un'animazione specifica al passaggio del mouse.
  • Parentesi ad angolo a sinistra: modifica l'immagine del prodotto in una forma a parentesi ad angolo con una curva netta verso sinistra.
  • Parentesi ad angolo a destra: modifica l'immagine del prodotto in una forma a parentesi ad angolo con una curva netta verso destra.
  • Diamante: modifica l'immagine del prodotto in una forma a diamante a quattro lati.
  • Parallelogramma: modifica l'immagine del prodotto in una forma con due coppie di linee parallele.
  • Cerchio: arrotonda l'immagine del prodotto in un cerchio o in una forma ovale con un'animazione specifica al passaggio del mouse.
Mostra la seconda immagine al passaggio del mouseQuando il cliente sposta il cursore sull'immagine del prodotto su un computer desktop, verrà visualizzata la seconda immagine del prodotto, se presente.
Mostra fornitoreMostra il fornitore di ciascun prodotto.
Mostra valutazione del prodottoMostra la valutazione media del prodotto in stelle con il numero di recensioni tra parentesi, ad esempio: ★★★★★ (8). Richiede inoltre un'app per le recensioni dei prodotti e le definizioni dei metafield per reviews.rating_count e reviews.rating.
Numero di colonne su dispositivo mobileImposta il numero di colonne dei prodotti da mostrare sui dispositivi mobili. Scegli 1 o 2 colonne.
Spaziatura superioreImposta la quantità di spazio nella parte superiore della sezione.
Spaziatura inferioreImposta la quantità di spazio nella parte inferiore della sezione.
Non trovi le risposte che stai cercando? Siamo qui per aiutarti.