Account

Link in evidenza

1. Documentazione Shopify su sezioni e blocchi
2. Documentazione Shopify sulla personalizzazione delle sezioni
3. Documentazione Company XYZ sulle impostazioni dello sfondo della sezione
4. Documentazione Company XYZ sulle impostazioni del padding della sezione
5. Documentazione Company XYZ sulle impostazioni dei separatori
6. 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

Usa questa sezione per personalizzare la vista principale dell’account cliente legacy in modo che appaia rifinita e coerente con il brand. Puoi introdurre la pagina con una tua icona, intestazione e testo di supporto, quindi regolare colori, sfondo, spaziatura e layout per rendere l’area account più facile da leggere e navigare. Per una panoramica più ampia sul funzionamento delle impostazioni di sezione nell’editor del tema, consulta documentazione Shopify sulle sezioni e i blocchi

Impostazioni principali

Le impostazioni del contenuto principale definiscono l’introduzione della pagina. Aggiungi un’icona per un rapido riferimento visivo, quindi usa l’intestazione e il sottotitolo per spiegare cosa i clienti possono fare dalla loro area account.

Se lasci vuota l’intestazione o il sottotitolo, la sezione usa il contenuto predefinito del tuo tema. È una buona opzione quando vuoi la formulazione standard ma desideri comunque controllare la presentazione della pagina.

Consiglio

Mantieni l’intestazione breve e usa il sottotitolo per fornire un contesto utile, ad esempio per gestire ordini, indirizzi o dettagli dell’account.

Impostazioni di colore

Queste impostazioni ti consentono di sovrascrivere i colori predefiniti dell’icona e del testo della sezione. Sono particolarmente utili quando usi uno sfondo personalizzato e hai bisogno di un contrasto più forte o di una corrispondenza più precisa con il resto della pagina.

Regola insieme icona, testo principale e sottotitolo in modo che la sezione risulti coerente. Se un elemento è notevolmente più chiaro o ha un contrasto inferiore rispetto agli altri, la pagina può risultare più difficile da scorrere visivamente.

Quando usi uno sfondo con immagine, gradiente o video, verifica il contrasto del testo sia su desktop sia su mobile prima di pubblicare.

Impostazioni standard della sezione

Per ulteriori dettagli sulla modifica dei controlli specifici della sezione nell’editor, consulta documentazione Shopify sulla personalizzazione delle sezioni

Impostazioni dello sfondo sezione

Impostazioni dello sfondo sezione controllano la superficie visiva dietro il contenuto dell’account. Puoi usare un colore pieno, un gradiente, un’immagine o un video, quindi aggiungere un overlay per aiutare il testo a risaltare.

Le impostazioni del gradiente hanno la precedenza sui colori pieni, e i gradienti dell’overlay hanno la precedenza sui colori dell’overlay. Le opzioni immagine e video specifiche per mobile sono utili quando i media desktop vengono ritagliati in modo poco armonioso o risultano troppo pesanti visivamente sugli schermi più piccoli.

Impostazioni di padding

Impostazioni di padding controllano lo spazio sopra e sotto il contenuto dell’account. Usa più padding quando vuoi che la pagina sembri più ariosa, oppure riducilo quando desideri un layout più compatto e orientato alla funzionalità.

Lo spazio su desktop e su mobile viene impostato separatamente, quindi vale la pena controllare entrambe le visualizzazioni. Spazi più ridotti su mobile spesso mantengono la pagina più facile da leggere senza farla sembrare troppo compressa.

Impostazioni dei separatori

Impostazioni dei separatori aggiungono una linea opzionale nella parte superiore, inferiore o su entrambi i bordi della sezione. Questo può aiutare a definire più chiaramente l’area account quando si trova vicino ad altre sezioni con sfondi simili.

Se lasci trasparente il colore del separatore, la sezione usa il colore del bordo del tema. In genere è il modo più semplice per mantenere i divisori visivamente coerenti.

Impostazioni di larghezza

Impostazioni di larghezza controllano sia la larghezza leggibile del contenuto dell’account sia l’estensione complessiva della sezione. La larghezza del contenuto è l’impostazione principale per la leggibilità, mentre la larghezza della sezione è più importante quando usi anche un trattamento di sfondo.

Una larghezza del contenuto più ridotta funziona di solito meglio per le pagine account, perché il contenuto è orientato alle attività e ricco di testo. L’editor può rappresentare in modo impreciso le modifiche alla larghezza, quindi visualizza l’anteprima della pagina nella vetrina live prima di finalizzare le scelte di layout.

Note sull’uso

1. Mantieni utile l’introduzione. Usa l’intestazione e il sottotitolo per orientare rapidamente i clienti invece di ripetere una formulazione generica dell’account.
2. Progetta pensando al contrasto. Se aggiungi un’immagine o un video di sfondo, usa overlay e colori personalizzati del testo solo quanto basta per mantenere tutto facile da leggere.
3. Preferisci larghezze leggibili. Una larghezza del contenuto moderata o ridotta è in genere più comoda per scorrere i dettagli dell’account e la cronologia degli ordini.
4. Abbina la spaziatura al ruolo della pagina. Un padding maggiore può rendere la pagina più coerente con il brand, mentre una spaziatura più compatta supporta un’esperienza account più funzionale.
5. Visualizza in anteprima separatamente su mobile. Controlla insieme media di sfondo, spaziatura e contrasto del testo su mobile, così la pagina resta chiara sugli schermi più piccoli.
6. Controlla insieme desktop e mobile. Layout, allineamento e comportamento dei media possono variare in base al viewport, quindi verifica entrambe le visualizzazioni prima di pubblicare.
7. Lascia i valori predefiniti quando vuoi lo stile di fallback. I valori vuoti o trasparenti di solito preservano l’aspetto integrato del tema, mentre colori, gradienti o scelte multimediali espliciti rendono la sezione più autonoma.