Sådan sætter du din navigationsmenu op

Hej og velkommen til dit GoodBarber-backoffice

I dag vil vi tale om de forskellige navigationsskabeloner
De er meget vigtige af mange grunde:
De strukturerer din shop
De er en del af det endelige design af din app
De spiller en vigtig rolle i brugeroplevelsen for dine kunder

Det er hovednavigationen i din butik.

For at vælge en skal du gå til menuen Indhold og design, menuen Navigation

Vælg den skabelon, du vil bruge i din app
Hver navigationsskabelon har sine egne egenskaber og vil forbedre de forskellige sektioner i din butik, afhængigt af dine behov.

Lad os vælge TabBar-skabelonen.

Den består af 2 hoveddele.
Hovednavigationen, der vises i bunden af din app
Og en sekundær navigation, som vil være i en separat menu.

For at organisere mine sektioner skal jeg blot trække dem mellem hovednavigationen og menuen Andet.

Min første sektion er mit hjem. Derefter tilføjer jeg min liste over kollektioner kaldet Collection, min salgskollektion og brugerprofilen. Alt andet kommer til at ligge i menuen Andet.

I infobjælken tilføjer jeg videoer om kollektionerne og listen over kollektioner.

Jeg vil ændre ikonet for mit hjem
Du skal blot klikke på det og voila. Jeg tilføjer et tilpasset ikon, men du kan også vælge et fra vores ikonbibliotek. Jeg tilføjer den detaljerede video om, hvordan man ændrer ikonerne på infobjælken.

Jeg kan også fremhæve et afsnit ved at ændre farven på ikonet og skrifttypen. Lad os gøre dette for salgssamlingen.

I indstillingsafsnittet i din navigationsmenu kan du også ændre designet af din navigationsmenu. Den generelle skrifttype, om titlerne under ikonerne skal vises eller ej, ikonernes farve, separatorer osv.

Jeg er tilfreds med mit endelige design

Lad mig vise det fra klientsiden. Dette er TabBar-designet
For at give dig en idé om de andre versioner:
Stryg
Lille swipe
Gitter
Og skifer

Du ved nu, hvordan du indstiller navigationsmenuen i din butik

Vi ses meget snart til en ny vejledning