
Hoe u uw navigatiemenu instelt
Hallo en welkom in uw GoodBarber back office
Vandaag hebben we het over de navigatietemplates. Ze zijn om meerdere redenen belangrijk: ze geven uw winkel structuur, ze bepalen mee het design van uw app, en ze bepalen hoe makkelijk uw klanten hun weg vinden
Het is de hoofdnavigatie van uw winkel.
Ga om te kiezen naar het menu Content en Design, Navigatiemenu
Kies het template voor uw app. Elk template heeft zijn eigen kenmerken en zet de secties van uw winkel anders in de kijker, naargelang uw noden.
We nemen het template TabBar.
Het bestaat uit 2 hoofddelen: de hoofdnavigatie onderaan uw app en een tweede navigatie in een apart menu.
Om mijn secties te ordenen sleep ik ze gewoon heen en weer tussen de hoofdnavigatie en het menu Overige.
Mijn eerste sectie is de Home. Daarna komen mijn lijst met collecties, Collection genaamd, mijn collectie Sales en het gebruikersprofiel. Al de rest komt in het menu Overige.
De video's over de collecties en de lijst met collecties zet ik in de infobalk.
Ik wil het pictogram van mijn Home wijzigen. Een klik erop, en voilà. Ik upload een eigen pictogram, maar u kunt er ook een uit onze bibliotheek nemen. De uitgebreide video over het wijzigen van de pictogrammen staat in de infobalk.
Ik kan een sectie ook uitlichten door de kleur van het pictogram en het lettertype te wijzigen. Laten we dat doen voor de collectie Sales.
In het deel Instellingen van uw navigatiemenu wijzigt u ook het design ervan: het algemene lettertype, of er titels onder de pictogrammen staan, de kleur van de pictogrammen, scheidingslijnen en meer.
Ik ben tevreden met mijn design
Ik laat het u zien aan klantzijde. Dat is het design TabBar. Om u een idee te geven van de andere versies: Swipe, Little Swipe, Grid en Slate
Nu weet u hoe u het navigatiemenu van uw winkel instelt
Tot heel snel bij een volgende tutorial
Gerelateerde video's









Ontwerp