Impostazioni dei separatori

Link in evidenza

1. Documentazione Shopify su sezioni e blocchi
2. Documentazione Shopify sull’editor del tema

Video utili

Video di Shopify Academy: personalizzare il tuo negozio

Video di Shopify Academy: personalizzare il tuo negozio

Usi queste impostazioni per aggiungere una linea di divisione sopra, sotto o su entrambi i bordi di un’area di contenuto. I separatori aiutano a suddividere pagine lunghe, definire le transizioni tra contenuti e aggiungere struttura senza modificare il contenuto stesso. Per una panoramica più ampia su come è organizzato il contenuto del tema, veda documentazione Shopify sulle sezioni e i blocchi

Impostazioni dei separatori

Può personalizzare i separatori superiore e inferiore in modo indipendente, così ogni bordo può essere messo in evidenza o lasciato pulito. Questo le offre flessibilità quando una transizione richiede un confine più chiaro dell’altra.

Scelga lo stile del separatore in base a quanto vuole che la separazione visiva sia evidente:

1. Line crea la separazione più chiara e minimale.
2. Dashed aggiunge più texture e funziona bene in layout più espressivi.
3. Dotted risulta più leggero e più decorativo.
4. None rimuove il separatore da quel bordo.

Eviti di attivare i separatori per ogni area di contenuto in una sequenza. T troppe linee di divisione possono far sembrare la pagina affollata e ridurre l’impatto delle transizioni importanti.

Colore del separatore

Usi il colore del separatore per abbinare i bordi vicini o aggiungere un po’ più di contrasto tra le aree di contenuto. Nella maggior parte dei layout, funziona meglio un colore discreto perché i separatori dovrebbero supportare la struttura della pagina anziché competere con il contenuto.

Se lascia il colore trasparente, il separatore usa il colore del bordo del tema. I valori vuoti, trasparenti o con stile predefinito in genere mantengono lo stile di fallback del tema, mentre colori espliciti, gradienti o override dei media rendono l’area più indipendente. Di solito questa è la scelta migliore quando desidera un aspetto uniforme tra più aree senza dover modificare ognuna manualmente. Per i controlli correlati dell’editor del tema, veda documentazione Shopify sull’editor del tema

Note sull’uso

1. Aggiunga i separatori in modo selettivo. Li usi dove migliorano la scansione o chiariscono una transizione tra due aree di contenuto.
2. Abbini lo stile al layout. Le linee continue si adattano a design più puliti, mentre linee tratteggiate o puntinate funzionano meglio con una separazione più morbida o più decorativa.
3. Mantenga il contrasto sotto controllo. Un separatore troppo marcato può distrarre da titoli, immagini e call to action.
4. Usi il colore del bordo condiviso per coerenza. Il colore trasparente è una scelta pratica quando vuole che i separatori restino allineati al resto del tema.
5. Riveda entrambi i viewport. I controlli desktop e mobile possono produrre comportamenti diversi di allineamento, visibilità o dei media, quindi controlli entrambe le dimensioni prima della pubblicazione.
6. Usi gli override in modo intenzionale. Colori espliciti o scelte basate sui media possono far risaltare un’area locale, quindi li applichi solo dove desidera un aspetto più indipendente.