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.
Su questa pagina
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
Impostazione | Descrizione |
---|---|
Abilita contenuto fisso su desktop | Quando 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 colori | Una serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori. |
Larghezza dei contenuti multimediali su desktop | Imposta 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 schermo | Selezionando questa opzione si imposta un'altezza massima dei contenuti multimediali basandosi su quella della finestra del browser di qualsiasi dispositivo. |
Adattamento dei contenuti multimediali | Seleziona 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:
|
Posizione contenuti multimediali su desktop | Scegli se mostrare i contenuti multimediali di prodotto sul lato sinistro o sul lato destro della pagina sui computer desktop. |
Zoom immagine | Scegli il modo in cui l'immagine si ingrandisce sul computer:
|
Layout dispositivo mobile | Imposta il layout dei contenuti multimediali del prodotto sui dispositivi mobili. Scegli tra le seguenti opzioni:
|
Nascondi i contenuti multimediali delle altre varianti dopo averne selezionata una | Quando 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 video | Per qualsiasi video presente nei contenuti multimediali del prodotto, questa impostazione riproduce il video in loop, in modo da riprodurlo automaticamente al termine. |
Spaziatura superiore | Imposta la quantità di spazio nella parte superiore della sezione. |
Spaziatura inferiore | Imposta 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:
- Testo
- Titolo
- Prezzo
- Selettore di variante
- Selettore quantità
- Buy button
- Descrizione
- Condividi
- SKU
- Stato delle scorte
- Liquid personalizzato
- Riga comprimibile
- Pop up
- Valutazione del prodotto
- Prodotti complementari
- Icona con testo
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.
Impostazione | Descrizione |
---|---|
Testo | Un campo di testo per aggiungere ulteriori informazioni alla pagina di prodotto. |
Stile del testo |
Cambia lo stile del testo. Scegli dalle opzioni seguenti:
|
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.
Impostazione | Descrizione |
---|---|
Stile |
Scegli come mostrare ai clienti le varianti di prodotto. Scegli tra le seguenti opzioni:
|
Campione di colore |
Scegli come mostrare i campioni di colore ai clienti. Scegli tra le seguenti opzioni:
|
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.
Impostazione | Descrizione |
---|---|
Mostra pulsanti di check-out dinamico | Mostra tutte le opzioni di check-out dinamico che hai attivato nelle impostazioni dei Pagamenti. |
Mostra il modulo informazioni del destinatario per i buoni regalo | Mostra 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.
Impostazione | Descrizione |
---|---|
Testo | Il 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.
Impostazione | Descrizione |
---|---|
Stile del testo |
Cambia lo stile del testo. Scegli dalle opzioni seguenti:
|
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.
Impostazione | Descrizione |
---|---|
Stile del testo |
Cambia lo stile del testo. Scegli dalle opzioni seguenti:
|
Soglia per le scorte scarse | Utilizza 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 scorte | Seleziona 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.
Impostazione | Descrizione |
---|---|
Codice Liquid | Mostra 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.
Impostazione | Descrizione |
---|---|
Titolo | Il titolo della riga, che viene visualizzato quando la riga viene compressa o espansa. |
Icona | Seleziona un'icona da visualizzare con la riga comprimibile oppure seleziona Nessuno per mostrare solo il titolo della riga. |
Contenuto riga | Inserisci il contenuto della riga tramite il rich text editor. Il contenuto viene visualizzato solo quando la riga è espansa. |
Contenuto riga dalla pagina | Aggiungi 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.
Impostazione | Descrizione |
---|---|
Etichetta link | Il testo selezionabile su cui i clienti cliccano per visualizzare la finestra pop up. |
Pagina | Seleziona 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.
Impostazione | Descrizione |
---|---|
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:
|
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.
Impostazione | Descrizione |
---|---|
Layout | Scegli tra il layout Orizzontale o Verticale per il blocco. |
Prima icona | Seleziona un'icona da visualizzare nel blocco o seleziona Nessuno per visualizzare solo un titolo. |
Prima immagine | Scegli l'immagine da utilizzare al posto di un'icona. |
Primo titolo | Aggiungi un titolo per la tua prima icona o immagine. |
Seconda icona | Seleziona un'icona da visualizzare nel blocco o seleziona Nessuno per visualizzare solo un titolo. |
Seconda immagine | Scegli l'immagine da utilizzare al posto di un'icona. |
Secondo titolo | Aggiungi un titolo per la tua seconda icona o immagine. |
Terza icona | Seleziona un'icona da visualizzare nel blocco o seleziona Nessuno per visualizzare solo un titolo. |
Terza immagine | Scegli l'immagine da utilizzare al posto di un'icona. |
Terzo titolo | Aggiungi 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
Impostazione | Descrizione |
---|---|
Titolo | Il titolo della sezione. |
Dimensione del titolo | Dimensioni del testo del titolo. Scegli tra le opzioni Piccolo, Medio, Grande, Extra large o Extra extra large. |
Massimo di prodotti da mostrare | Imposta il numero massimo di prodotti correlati da visualizzare. Scegli un numero tra 2 e 10. |
Numero di colonne su desktop | Imposta il numero di colonne dei prodotti da mostrare sui computer desktop. Scegli un numero tra 1 e 6. |
Schema di colori | Una serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori. |
Proporzioni delle immagini | Imposta le proporzioni delle immagini in evidenza dei prodotti correlati visualizzati. Scegli tra le seguenti opzioni:
|
Forma immagine | Scegli una delle seguenti forme immagine per le immagini dei prodotti correlate:
|
Mostra la seconda immagine al passaggio del mouse | Quando il cliente sposta il cursore sull'immagine del prodotto su un computer desktop, verrà visualizzata la seconda immagine del prodotto, se presente. |
Mostra fornitore | Mostra il fornitore di ciascun prodotto. |
Mostra valutazione del prodotto | Mostra 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 mobile | Imposta il numero di colonne dei prodotti da mostrare sui dispositivi mobili. Scegli 1 o 2 colonne. |
Spaziatura superiore | Imposta la quantità di spazio nella parte superiore della sezione. |
Spaziatura inferiore | Imposta la quantità di spazio nella parte inferiore della sezione. |