Come usare l'elemento Raccolta Prodotti

I proprietari di store possono ora inserire un elemento e configurare determinate collezioni da mostrare su qualsiasi pagina con lo store attivo. Inoltre, è possibile aggiungere immagini e informazioni SEO alle collezioni, migliorando così l'esperienza complessiva di utilizzo.

Come si usa

  1. Configura la tua collezione, con o senza immagine, e compila i dettagli necessari in Pagamenti -> Prodotti -> Collections. Puoi aggiornare il nome, l'immagine, il titolo SEO, la descrizione SEO e l'Handle.

  2. Vai al page builder del tuo store e aggiungi l'elemento Collection List. Lo trovi nella sezione Store tra gli elementi disponibili.

  3. Vedrai 3 collezioni segnaposto predefinite con nome e immagini placeholder. Clicca sull'elemento per visualizzare le impostazioni nel pannello destro e configura tutti i parametri necessari.

    • Campi come intestazione, margini, padding, colori, bordi e font possono essere configurati come per qualsiasi altro elemento.
    • Per impostazione predefinita, il numero di collezioni mostrate per riga è 3. Puoi modificare questo valore sia per desktop che per mobile usando il campo Number of columns, nella scheda layout. Il massimo è 5 colonne per desktop e 2 per mobile.
    • Se non hai bisogno di un'intestazione, lascia vuoto il campo Headline in Text options e l'intestazione verrà rimossa.

  4. Per definire quali collezioni mostrare, clicca su una delle collezioni elencate nel gruppo Collections: apparirà una sezione in cui puoi selezionare la collezione desiderata. Una volta selezionata, l'elemento nel builder rifletterà il nome e l'immagine della collezione reale. Nota: questo passaggio è necessario per mostrare le collezioni reali. Le collezioni segnaposto non vengono visualizzate nel sito live.

Seleziona e mappa le collezioni direttamente sul canvas

Per velocizzare la configurazione, puoi ora selezionare gli elementi all'interno dell'elemento Collections List direttamente dal canvas.

Fai doppio clic su un elemento nel Collections List:

  • Se l'elemento non è mappato a una collezione reale, si apre automaticamente il drawer di selezione per assegnare una collezione.
  • Se l'elemento è già mappato, la collezione selezionata viene evidenziata sul canvas per maggiore chiarezza.

Sincronizzazione bidirezionale: le modifiche apportate nel drawer di selezione si aggiornano immediatamente sul canvas, e le selezioni sul canvas si riflettono nel drawer.

Ordinamento stabile: l'ordine di selezione rimane coerente anche quando aggiungi o rimuovi elementi dall'elemento.

  1. Clicca su Save / Publish per visualizzare le modifiche sul tuo sito!

Aspetti principali

  • Se è presente un'immagine per la collezione, verrà mostrata quell'immagine. Se non è presente alcuna immagine, il testo della collezione verrà centrato nell'elemento con uno sfondo.
  • L'immagine caricata e i dettagli SEO verranno utilizzati per aggiungere i rispettivi tag SEO nella pagina elenco prodotti con filtro per collezione.

image

image (1)

image (2)

image (3)