Pagine di collezioni

Le collezioni sono pagine create per raggruppare prodotti specifici in categorie. Puoi avere collezioni smart e collezioni manuali.

Per impostazione predefinita, le pagine di collezione dispongono di una sezione Banner collezione e una sezione Griglia prodotti nell'editor del tema.

Impostazioni della sezione Banner collezione

La sezione Banner collezione mostra la descrizione e l'immagine in evidenza della collezione in fase di visualizzazione.

Impostazioni della sezione Banner collezione sulle pagine di collezione
ImpostazioneDescrizione
Mostra descrizione collezioneMostra la descrizione della collezione.
Mostra immagine collezioneMostra l'immagine della collezione.
Schema di coloriUna serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.

Impostazioni della sezione Griglia prodotti

La sezione Griglia prodotti mostra i prodotti inclusi nella collezione in fase di visualizzazione.

Impostazioni della sezione Griglia prodotti nelle pagine di collezione
ImpostazioneDescrizione
Prodotti per paginaIl numero di prodotti che desideri mostrare su ogni pagina. Scegli tra multipli di 4 compresi tra 8 e 36.
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 dei prodotti consigliati mostrati nella griglia prodotti. Scegli dalle opzioni seguenti:
  • 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:
  • 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.
Aggiunta rapidaSe attivi il pulsante di aggiunta rapida, i clienti potranno aggiungere un articolo al carrello dalla scheda prodotto. Scegli dalle opzioni seguenti:
  • Nessuna: non viene visualizzata alcuna funzionalità di aggiunta rapida.
  • Standard: mostra uno dei seguenti pulsanti di aggiunta rapida sulle schede di prodotto:
    • 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.
  • In blocco: mostra la funzionalità Elenco ordini rapido.
Abilita i filtriSeleziona questa opzione se vuoi fornire ai tuoi clienti delle opzioni per filtrare la griglia dei prodotti.
Layout dei filtri desktopImposta il modo in cui i filtri appaiono sui computer desktop. Scegli tra un layout orizzontale, verticale o a finestra.
Abilita ordinamentoSeleziona questa opzione se vuoi che i tuoi clienti possano decidere l'ordine di visualizzazione dei prodotti.
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.

Oltre alle impostazioni della sezione Griglia dei prodotti, è possibile visualizzare e personalizzare alcune delle impostazioni del tema per le schede dei prodotti e aggiungere il proprio CSS personalizzato specifico per la sezione.

Non trovi le risposte che stai cercando? Siamo qui per aiutarti.