Le griglie di prodotti e di collezioni mostrano ogni elemento come una scheda. Disegni la scheda una volta nella sezione, e tutte le schede di quella sezione la seguono.
Dove sono le schede
- Il blocco Scheda prodotto si trova in Prodotti in evidenza, Prodotti correlati, Cerca prodotti e Prodotti della collezione.
- Il blocco Scheda della collezione si trova in Collezioni e Sottocollezioni.
Nel builder, seleziona la sezione, poi il blocco della scheda. Ogni sezione ha la sua scheda, quindi una modifica riguarda solo quella sezione. Il blocco della scheda non si può eliminare, ma le sue parti sì: nascondi o elimina una parte, oppure aggiungila di nuovo con Aggiungi nuovo blocco.
Scheda prodotto
Sulla scheda stessa, Usa lo schema colori del genitore è attivo per impostazione predefinita. Disattivalo per dare alle schede il loro Schema di colori. Trascina le parti per cambiarne l'ordine sulla scheda. Le sue parti sono:
- Immagine: Rapporto d'aspetto (Automatico, Verticale, Quadrato o Orizzontale) e Adattamento immagine (Coprire riempie la cornice, Contenere mostra l'immagine intera). Adattamento immagine è nascosto con Automatico.
- Titolo: Preimpostazione (stile del testo), Altezza della riga, Spaziatura tra le lettere e Righe massime (da 1 a 3, i nomi più lunghi vengono tagliati con "...").
- Prezzo: il prezzo, con il vecchio prezzo barrato quando c'è uno sconto. Risparmio mostra un badge come Percentuale, come Prezzo (l'importo risparmiato) o Nessuno. Compare solo sui prodotti con un prezzo scontato.
- Valutazione: le stelle e il numero di recensioni. I prodotti senza recensioni non mostrano stelle.
- Acquista: il pulsante e le varianti.
La parte Acquista
- Azione: Cassa permette ai clienti di acquistare dalla scheda. Link apre la pagina del prodotto.
- Etichetta: lasciala vuota per il testo predefinito: "Vedi prodotto" con Link, e con Cassa "Aggiungi al carrello" o "Acquista ora", in base al Metodo di pagamento nelle Impostazioni della cassa.
- Stile: colori del pulsante Primario o Secondario.
- Mostra varianti, con Dimensione e Forma (la forma vale solo per i campioni di colore e di immagine): i clienti scelgono un'opzione sulla scheda. Sulla scheda compare solo il primo gruppo di varianti. Le varianti non compaiono mai con Link.
Un prodotto con tutte le opzioni esaurite mostra con Cassa un pulsante "Esaurito" disattivato.
Scheda della collezione
Stile della scheda: Standard mette il testo sotto l'immagine, Sovrapposizione lo mette sopra l'immagine. C'è anche Usa lo schema colori del genitore. Le parti sono:
- Immagine: Rapporto d'aspetto, Adattamento immagine e Opacità di sovrapposizione (solo con Sovrapposizione: un'immagine più scura rende il testo più leggibile).
- Titolo: Preimpostazione, Altezza della riga, Spaziatura tra le lettere, Righe massime (1 o 2) e Allineamento.
- Numero di prodotti: il numero di prodotti nella collezione. Non ha impostazioni: nascondilo o eliminalo per toglierlo.
- Pulsante: Etichetta (se vuota usa un testo predefinito nella lingua del negozio), Stile e Larghezza (Adatta o Riempi). Apre sempre la collezione della scheda.
La scheda della collezione mostra sempre le sue parti nello stesso ordine: immagine, titolo, numero di prodotti, poi pulsante.
Da sapere
- Angoli, bordi e ombre delle schede dipendono dal tema. I colori delle schede arrivano dallo schema di colori.
- Nessun badge di risparmio? Il prodotto deve avere un prezzo scontato, vedi Come imposto prezzi dei prodotti, sconti e prezzi per mercato?