eCommerce
Restaurant
Epicerie
Click & Collect
Cours en ligne
Communication d'entreprise
Créateurs de contenu
Réservation en ligne
Journaux
Radio
Ecoles et Universités
Evènements
Guide touristique
Spiritualité
Associations
Créez votre app sur-mesure
RESSOURCES LIEES AU PRODUIT
THEMATIQUES
TECHNOLOGIE
REVENDEURS D'APPS
À DÉCOUVRIR
Les aides en ligne de GoodBarber
Le menu de navigation
Le menu de navigation permet d'afficher le menu principal de votre application.
Il permet de créer des liens pour rediriger l'utilisateur vers le contenu de votre application et/ou vos actions.
Lorsque vous créez une nouvelle section dans votre application, un lien ouvrant cette section est automatiquement créé dans votre menu de navigation.
Pour paramétrer votre menu de navigation :
1. Allez dans le menu Contenu & Design > Contenu > Sections
2. Cliquez sur "Menu " dans le panneau de droite
Choix du template
1. Cliquez sur Sélectionner sous le modèle de votre choix dans la colonne de droite de votre back-office.
Le modèle appliqué est affiché en vert.
Choisissez entre différents menus de navigation :
- Swipe, Little Swipe, Grid et Slate sont accessibles depuis un bouton dans le header de l'application.
Ce bouton est affiché sur les pages de contenu accessible depuis votre menu de navigation (sauf si vous avez paramétré votre menu pour être toujours affiché sur la PWA ou bien pour s'ouvrir au lancement de l'app selon les options disponibles).
- La TabBar et la Floating TabBar s'affichent en bas de l'écran sur les applications natives, et sous forme de bannière sur l'application Web, sous l'en-tête.
Les TabBars s'affichent sur les pages de contenu accessibles depuis votre menu de navigation.
Note : selon le mode de navigation choisi, le titre de vos sections ne doit pas dépasser un certain nombre de caractères (ou la fin peut être coupée) :
- Grid : 13
- Little Swipe : 12
- Autres : 32
Construire votre menu
- Cliquez sur Modifier sous le modèle choisi ou sélectionnez un nouveau modèle
- Cliquez sur l'icône verte "+Ajouter un élément" pour ajouter un élément dans votre menu
- Séparateur : élément de design pour marquer une séparation
- Title break : élément permettant d'insérer un titre
- Lien : redirection vers une page, une action ou un lien externe
- Raccourci : groupe de liens
- Logo : élément permettant d'afficher un titre ou une image
- Copyright : élément permettant d'afficher une information statique
En fonction du menu de navigation choisi, les éléments pourront êtres placés dans différentes zones du menu.
Swipe, Little Swipe, Grid, Slate
Ces modes de navigation sont découpés en 3 zones qui peuvent accueillir des éléments.
- Header : il est utilisé pour afficher un titre sur la page de navigation, un compte utilisateur, des liens ou des raccourcis .
- Navigation principale : la zone principale du menu de navigation. Il contient les séparateurs ou les title break
- Footer : en bas de page, il s'utilise pour afficher le compte utilisateur, le copyright, des liens et des raccourcis
TabBar et FloatingTabBar
Ce mode de navigation est découpé en 2 zones qui peuvent accueillir des éléments.
- Navigation Principale : ajoutez jusqu'à 5 liens ici
- Menu "Autres" : au delà de 5 liens dans le menu, la dernière position de la TabBar devient le menu "Autres".
Il permet d'accéder à des liens supplémentaires
A noter : vous pouvez gérer l'affichage de vos collections dans le menu directement depuis la page de votre collection. Référez-vous à cette aide .
Liens vers vos sections dans le menu de navigation
Le menu principal Sections - Navigation principale contient la liste des sections qui sont affichées dans le menu de navigation principal de votre application.
L'ordre des sections sera le même que pour votre menu:
-Classez vos sections à partir des paramètres du menu de navigation ou de votre liste de sections par glisser-déposer.
Le menu du bas Autres sections - Sections utilisées en dehors de la navigation contient la liste du reste de vos sections, qui n'apparaissent pas dans le menu de navigation principal de l'application.
Créer des liens dans le menu de navigation
Pour créer un lien dans la partie Navigation principale de votre menu de navigation:
2. Cliquez sur "Menu " dans le panneau de droite
Une fois le lien ajouté à votre menu, cliquez dessus pour le configurer :
- Titre : c'est le texte qui apparaît dans votre menu
- Lien : c'est la destination vers laquelle votre lien pointe
- Icône : c'est l'image qui apparaît dans votre menu
- Mettre en avant ce lien : cette option vous permet d'appliquer une couleur et une police spécifique au lien
Paramètres du menu de navigation
Gérez les options d'affichage dans chacune des zones de votre menu de navigation.
1. Allez dans le menu Contenu & Design > Contenu > Sections
2. Cliquez sur "Menu " dans le panneau de droite
3. Cliquez sur l'onglet "Paramètres ".
4. Modifiez vos réglages (Alignement, images, polices, couleurs et autres)
