Dans ce guide, nous allons voir comment créer une Barre de Navigation pour rendre notre site navigable.
Étape 1 : Réalisons le Menu de navigation
Tout d'abord, nous devrions nous rendre sur le menu principal de Framework360 et aller sur :
Site Web > Menu
Dans cet écran, nous trouverons tous les menus réalisés sur notre site. Si vous n'en avez pas créés auparavant, vous retrouverez seulement le Menu principal créé automatiquement par Framework360. À ce stade, nous pourrions choisir de modifier ce dernier ou d'en créer un nouveau. Pour modifier le Menu principal créé par défaut par Framework360, il suffit de cliquer dessus, ainsi faisant, nous entrerons dans l'écran de modification.
Comme nous pouvons le constater à partir de la figure récemment exposée dans l’écran de modification du menù, nous trouverons sur la droite toutes les pages, les blocs globaux, les catégories e-commerce (si nous avons installé le plugin e-commerce) et les liens personnalisés (liens qui mènent à l’extérieur de notre site web) qui pourront être insérés à l’intérieur du menù; pour insérer effectivement ces éléments à l’intérieur du menù, il suffira de sélectionner un par un ceux qui nous intéressent et de les faire glisser dans la colonne de gauche.
Étape 2 : Insérons le Menù à l’intérieur de la Nav Bar
Pour montrer le menù créé à l’étape précédente à l’intérieur de la Nav Bar , nous devrions nous rendre sur Blocs globaux, également présents sous la rubrique Site Web du menù principal de Framework360.
Ici, nous devrions sélectionner l’Header (si vous voulez savoir comment créer un Header je t'invite à lire le guide dédié en cliquant ici) que nous avons précédemment créé et en cliquant dessus, nous entrerons dans l'écran qui nous permet de le modifier.
Une fois à l’intérieur de l'écran de modification, assurons-nous que sous la rubrique Typologie la typologie Header soit insérée, cela fera en sorte que notre bloc global sera affiché sur toutes les pages du site web.
À ce stade, il ne nous reste plus qu'à modifier la ligne de notre Header à travers le Visual Builder de Framework360 et y insérer la Nav Bar.
Une fois la Nav Bar insérée à l’intérieur de notre Header, le Visual Builder cela nous permettra de sélectionner le menu à faire apparaître dans la Nav Bar ; ici nous allons sélectionner le menu créé à l'étape 1.
Maintenant, si nous voulons rendre notre menu plus attrayant, nous pourrions le faire en gérant tous les paramètres du bloc Nav Bar présents dans le Visual Builder.
