Sådan opsætter du headeren i din butik

Hej og velkommen til dit GoodBarber-backoffice

I dag skal vi indstille headeren eller logoet og titlen på din app

Dette er den øverste del af din app, som altid er synlig og tilgængelig i alle sektioner.

Overskriften har 4 formål
Vis din app-identitet
Give en titel til en sektion
Vise genveje
Navigere i appen

Så lad os gå til menuen Indhold og design > Design > Generelt design

Klik på Logo og titel

Her kan jeg tilføje titlen i tekstformat eller tilføje et logo.

Jeg er virkelig på udkig efter noget branded, så jeg tilføjer et logo

Jeg havde det allerede klar :)

Voila!

Nu vælger jeg logo-justering: til højre eller centreret

Det er nemt, ikke?

Men du vil gerne gøre mere, ikke? Jeg vidste det

Du kan tilpasse din header endnu mere ved at aktivere den avancerede menu her

Nu har jeg flere muligheder
Jeg kan ændre farven på skrifttypen, separatoren, tilføje baggrundsbilleder
Jeg kan også tilføje links til min header
Jeg vil tilføje et link til indkøbskurven. Klik på tilføj en handling, vælg ikonet, og indstil farven på genvejen. Perfekt

For PWA'en kan du vælge titlen på genvejen på desktop og tablets

Vælg derefter farven på indkøbskurvens kugle, og det er gjort

Sidste trin er de andre elementer i headeren:
Det vil sige den tilbage-pil, der vises, når dine brugere gennemser dit katalog. Afhængigt af din navigationsskabelon kan du have andre muligheder. Med Swipe kan du f.eks. vælge ikonet for at åbne menuen.
Jeg tilføjer videoen om navigationsskabelonerne i infobaren

Lad os se en forhåndsvisning

Så er vi færdige!

Lad mig vise dig det endelige resultat

Du ved nu, hvordan du tilpasser headeren i din butik

Vi ses meget snart til en anden tutorial