Elenco collezioni - Principale

Link in evidenza

1. Documentazione Shopify sui template
2. Documentazione Shopify sulle sezioni e i blocchi
3. Documentazione Company XYZ sulle impostazioni degli header
4. Documentazione Company XYZ sulle impostazioni delle schede
5. Documentazione Company XYZ sulle impostazioni del padding della sezione
6. Documentazione Company XYZ sulle impostazioni degli sfondi della sezione
7. Documentazione Company XYZ sulle impostazioni dei separatori
8. Documentazione Company XYZ sulle impostazioni delle larghezze del layout

Video utili

Video Shopify Academy: personalizzare il tuo negozio

Video Shopify Academy: personalizzare il tuo negozio

Mostri tutte le collezioni disponibili in un unico layout consultabile, quindi modelli la pagina con stile delle card, override dei colori, spaziatura e controlli della larghezza. Questa sezione è ideale quando desidera una landing page completa delle collezioni invece di un insieme selezionato di collezioni in evidenza. Per una panoramica più ampia della struttura della pagina, veda documentazione Shopify sui template

Come funziona questa sezione

Questa sezione restituisce l’elenco completo delle collezioni per il template di pagina che supporta. Qui non sceglie singole collezioni, quindi il risultato finale dipende molto da quanto sono coerenti i titoli, le immagini e le descrizioni delle collezioni. Per i dettagli su come sono organizzate le sezioni del tema, veda documentazione Shopify su sezioni e blocchi

Poiché tutte le collezioni vengono visualizzate automaticamente, le immagini e le descrizioni delle collezioni deboli o incoerenti saranno molto più evidenti qui rispetto alle sezioni più piccole di collezioni in evidenza.

Impostazioni colore scheda

Queste impostazioni consentono di sostituire i colori predefiniti delle card solo per questa sezione. Sono utili quando desidera che la pagina delle collezioni abbia un aspetto distinto senza modificare le card delle collezioni nel resto del sito.

I controlli dell’overlay del banner contano solo quando usa lo stile di card Banner. Li usi per migliorare la leggibilità del testo sulle immagini, ma mantenga l’overlay abbastanza leggero da consentire agli acquirenti di riconoscere comunque una collezione dall’altra.

Per gli stili non banner, i colori di sfondo, bordo, titolo e testo aiutano a regolare contrasto e peso visivo. Se mostra anche estratti delle collezioni, verifichi che il testo resti facile da leggere sia sullo sfondo della card sia sullo sfondo circostante della sezione.

Impostazioni colore

Queste impostazioni controllano i colori usati nel contenuto introduttivo della sezione, inclusi l’icona, il testo principale e il sottotitolo. Sono particolarmente utili quando la pagina delle collezioni usa uno sfondo personalizzato della sezione o richiede un contrasto più forte rispetto a quello fornito dalla formattazione predefinita del testo.

Cerchi di mantenere lo stile introduttivo collegato visivamente al trattamento delle card sottostante. Se l’area del titolo risulta molto più marcata o decorativa della griglia delle collezioni, la pagina può sembrare sbilanciata.

Impostazioni standard della sezione

Impostazioni dell’header

Usi le Impostazioni dell’header condivise per introdurre la pagina delle collezioni con un’icona opzionale, una didascalia, un titolo, un testo di supporto e un pulsante. In questa sezione, di solito funziona meglio una presentazione breve e chiara, perché gli acquirenti in genere vogliono iniziare a sfogliare rapidamente.

Il pulsante opzionale è particolarmente utile come azione secondaria, ad esempio per collegare una campagna stagionale o una guida agli acquisti. Se usa un pulsante solo icona, si assicuri che l’icona comunichi chiaramente l’azione, soprattutto su dispositivi mobili.

Impostazioni scheda

Usi le Impostazioni scheda condivise per controllare come appare ogni collezione nell’elenco. In questa sezione, stile della card, rapporto dell’immagine, visibilità del testo, allineamento e trattamento del pulsante della card fanno la maggior parte del lavoro nel definire quanto rapidamente gli acquirenti possono scorrere la pagina.

Le card in stile banner creano un aspetto più centrato sulle immagini, mentre gli stili più semplici con padding o senza immagine sono spesso migliori quando le immagini delle collezioni sono incoerenti. Un rapporto fisso delle immagini di solito rende la griglia più ordinata, ma può ritagliare le immagini in modo da nascondere punti focali importanti.

Consiglio

Se la pagina sembra troppo affollata, semplifichi prima le card. Ridurre il testo delle card o nascondere i pulsanti delle card spesso migliora la scansionabilità più rapidamente rispetto a modificare spaziatura o larghezza.

Impostazioni di padding

Usi le Impostazioni di padding condivise per controllare lo spazio sopra e sotto la sezione. In una pagina delle collezioni, il padding aiuta a separare l’introduzione dal contenuto vicino senza far sembrare la griglia isolata.

Impostazioni dello sfondo sezione

Usi le Impostazioni dello sfondo sezione condivise per aggiungere un colore, un gradiente, un’immagine o un video dietro la sezione. Questo può creare una cornice di brand più marcata per la pagina delle collezioni, soprattutto quando il layout circostante è altrimenti minimale.

Gli sfondi richiedono maggiore attenzione nelle griglie di collezioni ricche di immagini. Se le card si basano già su immagini forti, mantenga lo sfondo della sezione discreto così che la pagina non sembri troppo piena.

Impostazioni dei separatori

Usi le Impostazioni dei separatori condivise per aggiungere una linea sopra o sotto la sezione. Funzionano bene quando desidera un confine visivo più pulito senza fare affidamento solo su ulteriore spaziatura.

Impostazioni di larghezza

Usi le Impostazioni di larghezza condivise per controllare la larghezza del contenuto e la larghezza esterna della sezione. Impostazioni più ampie possono rendere le grandi griglie di collezioni più efficienti da sfogliare, mentre impostazioni più strette possono rendere la pagina più curata e più facile da leggere quando usa un’introduzione più incisiva.

Le scelte di larghezza diventano più evidenti quando usa anche uno sfondo, un’immagine o un video. Vale la pena visualizzare in anteprima queste modifiche nella vista della pagina live, poiché l’inquadratura dell’editor può rendere più difficile valutare con precisione le differenze di larghezza.

Note sull’uso

1. Mantenga coerente il contenuto delle collezioni. Questa sezione dà il meglio quando titoli, immagini e descrizioni delle collezioni seguono una qualità e uno stile simili.
2. Scelga gli stili delle card in base alla forza delle immagini. Usi layout banner o centrati sulle immagini solo quando le immagini delle sue collezioni sono chiare, riconoscibili e ritagliate in modo coerente.
3. Mantenga breve l’introduzione. Un titolo conciso e un breve testo di supporto di solito aiutano gli acquirenti più di una lunga spiegazione in una pagina pensata prima di tutto per la consultazione.
4. Controlli con attenzione il layout mobile. Riveda il posizionamento dei pulsanti, i rapporti delle immagini e la lunghezza del testo sugli schermi più piccoli, in modo che la griglia delle collezioni resti facile da scansionare.
5. Verifichi il contrasto con contenuti reali. Quando usa overlay, colori personalizzati delle card o sfondi di sezione, confermi che il testo resti leggibile su immagini di collezioni diverse.
6. Confronti entrambe le visualizzazioni. I controlli desktop e mobile possono comportarsi in modo diverso, quindi visualizzi in anteprima ogni dimensione dello schermo prima di pubblicare.
7. Usi intenzionalmente gli override espliciti. I valori vuoti o con stile predefinito di solito mantengono lo stile di fallback, mentre colori personalizzati, gradienti o scelte di media separate rendono questa sezione più indipendente dal resto della pagina.