Nell’editor del tema: PersonalizzaImpostazioni del temaSchede prodotto

Schede prodotto

Come appaiono i prodotti ovunque compaiano in una griglia: l’immagine, nome e prezzo, la moneta per l’aggiunta rapida e i badge.

Il campo “Badge” di un prodotto mostra una parola propria sulla scheda, come “Novità”. I badge di saldo ed esaurito compaiono da soli.

Impostazioni

Immagine

Proporzioni dell'immagine
Scelta: Quadrata, Verticale, Orizzontale, Adatta all'immagine del prodottoPredefinito: Verticale
Angoli dell’immagine
Cursore, da 0 a 40 pxPredefinito: 12 pxDa 0 (angoli retti) a completamente arrotondati. 12 corrisponde agli angoli dei pulsanti.
Mostra seconda immagine
Attivo o disattivoPredefinito: AttivoTelefono: scorri tra le due immagini. Computer: le frecce appaiono al passaggio del mouse.

Contenuto

Mostra il fornitore
Attivo o disattivoPredefinito: Disattivo
Pallini colore
Attivo o disattivoPredefinito: AttivoPiccoli pallini sotto il prezzo quando un prodotto ha un’opzione colore, dai campioni colore di Shopify o dal nome del colore.

Moneta sulla scheda

Cosa fa la moneta sulla scheda
Scelta: Intelligente, con Sbircia su ogni scheda (consigliato), Solo intelligente, Apri sempre l’anteprima rapida, Nessuna moneta: l’intera scheda apre il prodottoPredefinito: Intelligente, con Sbircia su ogni scheda (consigliato)Intelligente: un prodotto senza opzioni va subito nel carrello. Un prodotto con una sola scelta (taglia, colore o materiale) apre sulla scheda stessa un ventaglio di valori, e un tocco lo aggiunge. Un prodotto con più opzioni apre la vista rapida. «Sbircia» aggiunge un piccolo pulsante di vetro nell’angolo in alto che apre sempre la vista rapida.
Colore del pulsante più
ColoreIl più sulle immagini dei prodotti. Vuoto: il colore scuro della pagina. Un colore riempie il più.
Colore dell'icona più
ColoreVuoto: scelto automaticamente, scuro su un più chiaro e chiaro su uno scuro.
Pulsante aggiungi quando è pronto
ColorePredefinito: #2563EBIl più su una scheda prodotto, quando il ventaglio corto è aperto e un altro tocco aggiunge il prodotto al carrello. Se il colore è uguale a quello del più, il più scambia il colore dello sfondo e del simbolo, così cambia sempre.
Più sul pulsante aggiungi
ColorePredefinito: #FFFFFF
Scelte nella linguetta del più
Scelta: Piene, ContornoPredefinito: PienePiene: cerchi bianchi. Contorno: una cornice sottile e testo di un solo colore sullo sfondo della linguetta, come il più.
Colore del contorno
ColoreLa cornice e il testo delle scelte. Vuoto: il colore del più che risalta di più sulla pagina.
Intensità del contorno
Cursore, da 20 a 100 %Predefinito: 42 %Quanto è intensa la cornice a riposo. Al passaggio e quando è scelta è sempre piena.

Dettagli

Percentuale di sconto sul badge
Scelta: Prezzo mostrato (consigliato), Fino a: lo sconto più alto, Nascondi se le percentuali sono diversePredefinito: Prezzo mostrato (consigliato)Per i prodotti con varianti a prezzi diversi. Prezzo mostrato: la percentuale e il prezzo di confronto sono quelli della variante il cui prezzo appare sulla scheda. Se non è in saldo, il badge dei saldi non compare. Fino a: lo sconto più alto del prodotto, con la dicitura «fino a». Nascondi: il badge dei saldi compare solo se tutte le varianti disponibili hanno la stessa percentuale. I prodotti con un unico prezzo non sono interessati. Nella pagina prodotto e nella visualizzazione rapida il cliente sceglie una variante e prezzo e percentuale sono sempre i suoi, quindi questa impostazione lì non si applica.
Spessore del prezzo nella scheda
Scelta: Normale, GrassettoPredefinito: NormaleIl prezzo nelle schede prodotto di collezioni, ricerca e righe di prodotti. Grassetto come nella pagina prodotto.
Badge sui prodotti scontati
Scelta: Saldi, Percentuale (-23%)Predefinito: SaldiCosa dice il badge sull'immagine quando un prodotto è scontato. Per un testo tuo su qualsiasi prodotto (Novità, Bestseller), compila il metacampo del prodotto custom.badge.
Riflesso sul pulsante
Attivo o disattivoPredefinito: AttivoUn passaggio di luce ogni pochi secondi, solo mentre il pulsante è visibile sullo schermo.

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