Come impostare il design delle sezioni del tuo negozio
Oggi andremo a impostare l'header o logo e titolo della tua app
Questa è la parte superiore della tua app, che è sempre visibile e accessibile in ogni sezione
L'header ha 4 obiettivi
Mostrare l'identità della tua app
Dare un titolo a una sezione
Visualizzare le scorciatoie
Navigare nell'app
Quindi, andiamo nel menu Contenuto e design > Design > Design > Design generale
Clicca su Logo e titolo
Qui posso aggiungere il titolo in formato testo oppure un logo
Dato che sto cercando qualcosa di brandizzato, aggiungo un logo
L'avevo già pronto :)
Fatto!
Ora seleziono l'allineamento del logo: a destra o centrato
Facile no?
Ma vuoi fare di più, vero? Lo sapevo
Puoi personalizzare ancora di più il tuo header attivando il menu avanzato qui
Ora ho più opzioni
Posso cambiare il colore del carattere, il separatore, aggiungere immagini di sfondo
Posso anche aggiungere dei link alla mia intestazione
Aggiungerò un link al carrello. Clicca su aggiungi un'azione, seleziona l'icona e imposta il colore del collegamento. Perfetto
Per la PWA, è possibile scegliere il titolo del collegamento su desktop e tablet
Poi il colore del carrello e il gioco è fatto
Ultimo passo gli altri elementi dell'header:
Vale a dire la freccia indietro che verrà visualizzata quando i tuoi utenti sfogliano il tuo catalogo. A seconda del tuo modello di navigazione, puoi avere altre opzioni. Per esempio con lo Swipe, puoi scegliere l'icona per aprire il menu
Sto aggiungendo il video sui modelli di navigazione nella barra delle informazioni
Vediamo l'anteprima
Finito!
Lascia che ti mostri il risultato finale
Ora sai come personalizzare l'header del tuo Negozio
A presto per un altro tutorial