Icona account

Link in evidenza

1. Documentazione Shopify sulle sezioni e i blocchi
2. Documentazione Shopify sull’editor del tema
3. Documentazione Company XYZ sulle impostazioni del layout di navigazione
4. Documentazione Company XYZ sulle impostazioni di visibilità

Video utili

Video della Shopify Academy: personalizzazione del tuo negozio

Video della Shopify Academy: personalizzazione del tuo negozio

Il blocco Icona account aggiunge una scorciatoia per l’account cliente al tuo header o all’area di navigazione. Usalo per offrire ai clienti un percorso chiaro per accedere o aprire il proprio account, quindi regola la sua posizione separatamente per desktop e mobile. Per una panoramica più ampia su come i blocchi si inseriscono nelle sezioni del tema, consulta documentazione Shopify su sezioni e blocchi

Impostazioni di allineamento

Usa queste impostazioni per controllare come l’icona si colloca nello spazio assegnato al blocco. Sono particolarmente importanti quando il blocco è impostato per utilizzare tutto lo spazio disponibile o posizionato in una riga a larghezza intera.

Se il blocco si trova in una riga molto compatta con poco spazio extra, le modifiche all’allineamento potrebbero essere sottili. Imposta l’allineamento di desktop e mobile in modo indipendente se il layout dell’header cambia tra le dimensioni dello schermo.

Nota

Le impostazioni di allineamento sono secondarie rispetto al posizionamento del layout del blocco. Se il blocco non utilizza spazio extra nella riga, modificare l’allineamento potrebbe avere un effetto visibile minimo.

Impostazioni di layout

Queste impostazioni decidono dove appare il blocco nel layout di navigazione. Puoi posizionarlo con altri elementi a sinistra, al centro o a destra, oppure spostarlo in una riga a larghezza intera sotto la riga principale.

Usa la larghezza intera quando vuoi che la scorciatoia per l’account stia da sola, soprattutto in un header mobile impilato. Su desktop, Utilizza tutto lo spazio disponibile può estendere il blocco su tutta la larghezza rimanente della riga, rendendo più utili i controlli di allineamento. Se hai bisogno di un ripasso su come lavorare nell’editor del tema, consulta documentazione Shopify sull’editor del tema

Il posizionamento a larghezza intera modifica la struttura dell’header spostando il blocco in una riga propria. Rivedi i layout sia desktop sia mobile dopo averlo attivato.

Per ulteriori indicazioni sul comportamento del posizionamento nelle righe, consulta impostazioni del layout di navigazione.

Impostazioni standard del blocco

Impostazioni di visibilità

Usa i controlli di visibilità per mostrare o nascondere il blocco in base alla dimensione del dispositivo. È utile quando vuoi la scorciatoia per l’account in una posizione su desktop e in una posizione diversa su mobile.

Invece di forzare un unico posizionamento a funzionare ovunque, puoi nascondere questo blocco su una dimensione del dispositivo e mostrare l’accesso all’account altrove nell’header. Per indicazioni condivise, consulta impostazioni di visibilità.

Note sull’uso

1. Posizionalo vicino alle azioni di utilità. L’icona account di solito funziona meglio insieme ad altri strumenti dell’header come ricerca, carrello o menu.
   1. Mantieni la scorciatoia facile da individuare, così i clienti possono raggiungere le pagine di accesso o dell’account senza dover scorrere la navigazione principale.
   2. Se la sposti lontano dalle altre azioni di utilità, assicurati che il nuovo posizionamento resti intenzionale.
2. Controlla entrambe le dimensioni dello schermo. Le impostazioni di layout per desktop e mobile sono separate, quindi visualizza sempre entrambe le anteprime dopo aver modificato il posizionamento.
   1. Un posizionamento che appare equilibrato su desktop può risultare molto diverso in un header mobile compatto.
   2. Esamina allo stesso tempo anche le impostazioni di visibilità se usi punti di accesso all’account diversi in base alla dimensione del dispositivo.
3. Usa la larghezza intera con intenzione. Una riga dedicata può migliorare la chiarezza, ma può anche far sembrare l’header più alto o più frammentato.
4. Combina layout e visibilità con attenzione. Se il tuo header mobile funziona in modo diverso dal desktop, nascondi il blocco su un dispositivo e usa lì un punto di accesso all’account più adatto.
5. Usa lo spazio extra solo quando aiuta. Utilizza tutto lo spazio disponibile è più efficace quando hai bisogno di un allineamento più pulito o di un migliore equilibrio della riga, non solo di maggiore larghezza.
   1. Quando il blocco si estende su tutta la riga, le piccole modifiche di allineamento diventano più facili da notare.
   2. Se l’header è già compatto, lasciare il blocco alla sua larghezza naturale può mantenere un layout più pulito.