Tutorial
Indietro

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
 

Video simili