Come abilitare e impostare la visualizzazione rapida?

La funzione di visualizzazione rapida aggiunge un pulsante sulla scheda prodotto che apre un popup che mostra tutti i dettagli essenziali del prodotto.

Abilita la funzione di visualizzazione rapida

Seguendo i passaggi indicati di seguito, attivi la funzione di visualizzazione rapida e un pulsante "più" sarà visibile sulla scheda prodotto.

Passaggi:

  1. Dal tuo pannello di controllo Shopify, vai a Negozio online > Temi .
  2. Trova il tema che desideri modificare, quindi fai clic su Personalizzare .
  3. Fai clic su Impostazioni tema nella parte inferiore sinistra della finestra.
  4. Apri l'intestazione Visualizzazione rapida e controlla il file Abilita la funzione di visualizzazione rapida .

Personalizzazione della modalità di visualizzazione rapida

La visualizzazione rapida viene sempre visualizzata in un popup e riflette la pagina del prodotto. Pertanto, puoi anche personalizzare la visualizzazione rapida proprio come un modello di prodotto.

Per personalizzare il modello modale del prodotto:

  1. Dal tuo pannello di controllo Shopify, vai a Negozio online > Temi .
  2. Trova il tema che desideri modificare, quindi fai clic su Personalizzare .
  3. Apri il menu a discesa nella parte superiore della pagina.
  4. Selezionare Prodotti > modale per caricare il modello modale del prodotto nell'editor del tema.
  5. Tieni presente che puoi personalizzare i blocchi solo nella sezione Informazioni sul prodotto . Altre sezioni aggiunte tramite il pulsante +Aggiungi sezione non sono valide.
  6. Clic Salva .

Impostazioni della sezione delle informazioni sul prodotto

Collocamento Descrizione
Nascondi i media di altre varianti dopo aver selezionato una variante Quando viene selezionata una variante, le immagini di altre varianti vengono nascoste alla vista. Le immagini riappaiono quando la variante viene deselezionata.
Abilita il looping video Imposta il video per la riproduzione in loop, in modo che il video venga riprodotto automaticamente al termine.
Ingrandisci l'immagine per riempire lo spazio sul desktop L'immagine viene ingrandita per adattare l'altezza del pop up.
Rapporto immagine mobile

Le proporzioni delle immagini dei prodotti sui dispositivi mobili:

  • Adatta all'immagine : utilizza le proporzioni delle immagini. Ciò impedisce che le immagini vengano ritagliate.
  • Quadrato : ritaglia le immagini per utilizzare un rapporto 1:1.
  • Ritratto : ritaglia le immagini per utilizzare un rapporto 2:3.
  • Paesaggio : ritaglia le immagini per utilizzare un rapporto 3:2.
  • Ampio : ritaglia le immagini per utilizzare un rapporto 16:9.
  • Adatta alla prima immagine (impostazione predefinita) : utilizza le proporzioni della prima immagine per tutto il resto.

Blocchi di informazioni sul prodotto

È possibile aggiungere i seguenti blocchi alla sezione Informazioni sul prodotto .

Blocco di testo

Il blocco di testo può essere utilizzato per visualizzare testo statico o dati variabili utilizzando origini dinamiche . Ad esempio, potresti aggiungere un testo che mostri un messaggio di marketing, come "Spedizione gratuita per importi superiori a $ 100", che verrà visualizzato allo stesso modo su ciascun prodotto. Potresti anche aggiungere una fonte dinamica, come il campo Fornitore del prodotto, che cambierebbe a seconda del prodotto visualizzato.

Collocamento Descrizione
Testo Aggiunge informazioni alla pagina del prodotto. Supporta fonti di testo o dinamiche.
Stile del testo Cambia lo stile del testo:
  • Corpo : trasforma il testo in testo in stile paragrafo.
  • Sottotitolo : cambia il testo nel testo del sottotitolo, che è leggermente più grande del testo in stile paragrafo.
  • Maiuscolo : modifica il testo in modo che sia più piccolo del testo in stile paragrafo e mette tutti i caratteri in maiuscolo.

Cartiglio

Questo blocco mostra il titolo del prodotto.

Collocamento Descrizione
Dimensione del titolo La dimensione del titolo del prodotto:
  • Piccolo
  • medio
  • Grande

Blocco dei prezzi

Questo blocco visualizza le informazioni sui prezzi del prodotto, come prezzo e confronto con il prezzo. Non ha impostazioni regolabili.

Blocco di selezione delle varianti

Questo blocco visualizza tutte le opzioni di variante per il prodotto.

Collocamento Descrizione
Mostra etichette delle varianti Visualizza le etichette delle varianti del prodotto.
Tipo Cambia il modo in cui le varianti vengono visualizzate ai clienti:
  • Pulsante : visualizza le varianti come pulsanti selezionabili.
  • A discesa : visualizza le varianti in un menu a discesa espandibile.
Abilita campioni di colore Visualizza la selezione del colore nei campioni. Questa sezione si applica solo se Tipo è impostato su Pulsante .
Tipo di campione L'aspetto dei campioni. Questa sezione si applica solo se Tipo è impostato su Pulsante .
  • Girare
  • Piazza
Pagina della tabella delle taglie Se vendi articoli di abbigliamento che richiedono ai clienti di conoscere la propria taglia prima di effettuare un acquisto, puoi aggiungere una tabella delle taglie personalizzata alla pagina del prodotto. Ecco come scegliere la pagina che rappresenta il contenuto della tabella delle taglie. Se un prodotto è idoneo, dovrebbe essere visualizzato un pulsante della tabella delle taglie insieme all'opzione Taglia. Quando si fa clic, si apre un popup contenente il contenuto della pagina.

Per ulteriori informazioni sulla tabella delle taglie, consulta questo articolo .

Acquista il blocco pulsanti

In questo blocco viene visualizzato il pulsante "Aggiungi al carrello" e tutte le informazioni sul ritiro in negozio. Può anche mostrare eventuali pulsanti di pagamento dinamico.

Collocamento Descrizione
Mostra il selettore della quantità Visualizza un selettore di quantità che i clienti possono utilizzare per modificare il numero di unità del prodotto che desiderano acquistare. La quantità predefinita è 1.
Mostra i pulsanti di check-out dinamico Visualizza tutte le opzioni di pagamento dinamico che hai abilitato nelle impostazioni Pagamenti .

Blocco descrittivo

Questo blocco mostra la descrizione del prodotto. Non ha impostazioni regolabili.

Blocco dello stato dell'inventario

Visualizza un messaggio che informa tempestivamente i clienti sullo stato delle scorte del prodotto

Collocamento Descrizione
Soglia di inventario bassa Consente di impostare un valore minimo che deve essere lo stock del prodotto affinché il messaggio sia visibile. Deve essere un numero pari. Minimo: 0. Massimo: 20. Il valore predefinito è 10.
Mostra l'avviso di trasferimento di inventario
Se disponi di più sedi per il tuo negozio, verrà visualizzato un messaggio di trasferimento relativo alla data relativa alla spedizione o allo stato delle scorte.

Blocco valutazione del prodotto

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

La visualizzazione delle valutazioni dei prodotti richiede un'app di revisione dei prodotti come Shopify Product Reviews e le definizioni dei metafield per reviews.rating_count e reviews.rating .

Condividi blocco

Questo blocco consente ai clienti di condividere il prodotto sui propri social media. Non ha impostazioni regolabili.

Blocco liquido personalizzato

Questo blocco mostra il codice Liquid o HTML personalizzato che puoi aggiungere al blocco.

Collocamento Descrizione
Liquido personalizzato Visualizza il contenuto che puoi inserire come codice Liquid o HTML .

Blocco schede comprimibile

Questo blocco visualizza una scheda comprimibile con un titolo. Quando un cliente fa clic sul titolo, la scheda si espande per visualizzare contenuti aggiuntivi.

Le impostazioni per il blocco schede comprimibili nella sezione delle informazioni sul prodotto
Collocamento Descrizione
Icona Scegli un'icona SVG predefinita che si adatti alla tua scheda pieghevole. L'opzione Nessuna disabiliterà l'icona.
Intestazione Il titolo della scheda. Viene visualizzato quando compresso ed espanso.
Contenuto della scheda Il contenuto della scheda. Viene visualizzato solo quando la scheda viene espansa.
Scheda contenuto dalla pagina Visualizza il contenuto di una pagina nella scheda. Visualizza solo il contenuto della pagina dall'editor della pagina, in questo blocco non viene visualizzato lo stile Liquid dal modello della pagina. Qualsiasi contenuto immesso nel contenuto della scheda viene visualizzato sopra il contenuto della pagina.

Blocco pop-up

Questo blocco visualizza il testo cliccabile che apre una finestra pop-up quando si fa clic. Questo popup mostra il contenuto di una delle tue pagine.

Le impostazioni per il blocco popup nella sezione delle informazioni sul prodotto
Collocamento Descrizione
Icona Scegli un'icona SVG predefinita adatta al tuo popup. L'opzione Nessuna disabiliterà l'icona.
Etichetta di collegamento Il testo cliccabile su cui i clienti fanno clic per visualizzare la finestra pop-up.
Pagina La pagina di cui desideri visualizzare il contenuto nella finestra pop-up. Visualizza solo il contenuto della pagina dall'editor della pagina. Il popup non visualizza alcuno stile Liquid dal modello di pagina.

Blocco di spazio vuoto

Questo blocco aggiunge uno spazio vuoto, particolarmente utile quando si desidera modificare leggermente il layout.

Collocamento Descrizione
Altezza del tavolo L'altezza dello spazio sul desktop. Può essere qualsiasi multiplo di 4, da 0 a 200. Il valore predefinito è 28.
Altezza mobile
L'altezza dello spazio sul cellulare . Può essere qualsiasi multiplo di 4, da 0 a 200. Il valore predefinito è 20.