Come impostare l'header del tuo negozio

Ciao e benvenuto nel tuo back office GoodBarber

Oggi impostiamo l'header, cioè il logo e il titolo della tua app

È la parte alta della tua app, sempre visibile e raggiungibile da ogni sezione

L'header ha 4 compiti: mostrare l'identità della tua app, dare un titolo alla sezione, mostrare scorciatoie e far navigare nell'app

Andiamo dunque nel menu Contenuti e Design > Design > Design generale

Clicca su Logo e titolo

Qui posso scrivere il titolo come testo o caricare un logo

Voglio qualcosa di riconoscibile, quindi metto un logo

Ce l'avevo già pronto :)

Voilà!

Ora scelgo l'allineamento del logo: a destra o centrato

Facile, no?

Ma vuoi fare di più, vero? Lo sapevo

Puoi personalizzare ancora l'header attivando qui il menu Avanzato

Ora ho più opzioni: cambio il colore del testo, la linea di separazione, aggiungo immagini di sfondo. Posso anche mettere dei link nell'header. Aggiungo un link al carrello: clicca su Aggiungi un'azione, scegli l'icona e il colore della scorciatoia. Perfetto

Per la PWA puoi scegliere se mostrare il titolo della scorciatoia su desktop e tablet

Poi il colore del pallino del carrello, ed è fatta

Ultimo passaggio, gli altri elementi dell'header: la freccia indietro che compare mentre i tuoi clienti sfogliano il catalogo. A seconda del template di navigazione hai altre opzioni. Con lo Swipe, per esempio, scegli l'icona che apre il menu. Il video sui template di navigazione è nella barra info

Guardiamo l'anteprima

Finito!

Ti mostro il risultato

Ora sai come personalizzare l'header del tuo negozio

Ci vediamo prestissimo per un altro tutorial