Hoe u de header van uw winkel instelt

Hallo en welkom in uw GoodBarber back office

Vandaag stellen we de header in, dus het logo en de titel van uw app

Dat is het bovenste deel van uw app, altijd zichtbaar en vanuit elke sectie bereikbaar

De header heeft 4 taken: de identiteit van uw app tonen, de sectie een titel geven, snelkoppelingen tonen en door de app navigeren

Ga dus naar het menu Content en Design > Design > Algemeen design

Klik op Logo en titel

Hier kan ik de titel als tekst invullen of een logo uploaden

Ik wil iets met herkenning, dus ik neem een logo

Ik had het al klaarstaan :)

Voilà!

Nu kies ik de uitlijning van het logo: rechts of gecentreerd

Eenvoudig, toch?

Maar u wilt meer, klopt het? Ik wist het

Uw header past u nog verder aan door hier het menu Geavanceerd aan te zetten

Nu heb ik meer opties: ik wijzig de tekstkleur, de scheidingslijn, voeg achtergrondafbeeldingen toe. Ik kan mijn header ook links geven. Ik maak een link naar het winkelmandje: klik op Een actie toevoegen, kies het pictogram en de kleur van de snelkoppeling. Perfect

Voor de PWA kunt u kiezen of de titel van de snelkoppeling op desktop en tablets verschijnt

Daarna de kleur van het bolletje bij het winkelmandje, en klaar

Laatste stap: de overige elementen van de header, dus het terugpijltje dat verschijnt wanneer uw klanten door uw catalogus bladeren. Afhankelijk van uw navigatietemplate zijn er nog andere opties. Bij Swipe kiest u bijvoorbeeld het pictogram om het menu te openen. De video over de navigatietemplates staat in de infobalk

Laten we het voorbeeld bekijken

Klaar!

Ik laat u het eindresultaat zien

Nu weet u hoe u de header van uw winkel aanpast

Tot heel snel bij een volgende tutorial