Slik setter du opp navigasjonsmenyen din

Hei og velkommen til ditt GoodBarber backoffice

I dag skal vi snakke om de forskjellige navigasjonsmalene
De er veldig viktige av mange grunner:
De strukturerer butikken din
De er en del av det endelige designet av appen din
De spiller en viktig rolle i brukeropplevelsen til kundene dine

Det er hovednavigasjonen i butikken din.

For å velge en, gå til menyen Innhold og design, menyen Navigasjon

Velg malen du vil bruke i appen din
Hver navigasjonsmal har sine egne egenskaper og vil forbedre de ulike delene av butikken din, avhengig av dine behov.

La oss velge TabBar-malen.

Den består av to hoveddeler.
Hovednavigasjonen som vises nederst i appen din
Og en sekundær navigasjon, som vil være i en egen meny.

For å organisere seksjonene mine, trenger jeg bare å dra dem mellom hovednavigasjonen og Other-menyen.

Min første seksjon er Hjem. Deretter legger jeg til listen over samlingen min kalt Collection, salgssamlingen min og brukerprofilen. Alt annet vil være i Other-menyen.

Jeg legger til i informasjonslinjen videoene om samlingene og listen over samlinger.

Jeg vil endre ikonet for Mitt hjem
Bare klikk på det, og voila. Jeg legger til et tilpasset ikon, men du kan også velge et fra ikonbiblioteket vårt. Jeg legger til en detaljert video om hvordan du endrer ikonene på informasjonslinjen.

Jeg kan også fremheve en seksjon ved å endre fargen på ikonet og skrifttypen. La oss gjøre dette for salgssamlingen.

I innstillingsdelen av navigasjonsmenyen kan du også endre utformingen av navigasjonsmenyen. Den generelle skrifttypen, vise eller ikke vise titlene under ikonene, fargen på ikonene, separatorer osv.

Jeg er fornøyd med det endelige designet mitt

La meg vise fra klientsiden. Dette er TabBar-designet
For å gi deg en idé om de andre versjonene:
Sveip
Lite sveip
Rutenett
Og Skifer

Du vet nå hvordan du setter opp navigasjonsmenyen i butikken din

Vi ses veldig snart for en annen veiledning