Point - Menu

Menu supérieur

La navigation supérieure est actuellement le moyen typique d’afficher la navigation. Pour beaucoup, cela ressemble davantage à la manière dont la navigation est effectuée sur le web et elle propose quelques options supplémentaires d’affichage et de configuration.

• Logo : Logo de l’entreprise. Peut être affiché à gauche ou à droite
• Navigation (éléments de menu) : Navigation vers toutes les pages publiées visibles par l’utilisateur
• Menu déroulant (flèche pointant vers le bas) : Si la page supérieure a des pages en dessous, ce menu déroulant apparaît
• Débordement (trois points) : Toutes les pages ne tenant pas dans la navigation sont listées ici
• Configurer (roue dentée) : Cliquez ici pour configurer la barre de navigation

Paramètres généraux du menu supérieur

Important : Les modifications apportées à la navigation et au pied de page sur une page seront enregistrées pour toutes les pages. La seule exception est l’option "fond transparent", car elle est définie par page individuelle. Gardez cela en tête lors des modifications.

Paramètres

Un des deux onglets. Les paramètres concernent le panneau de navigation supérieur.

• Style du sous-menu : Choisissez si le menu déroulant doit utiliser le style “colonne unique” ou “pleine largeur”.
• Position du logo : Positionnez le logo à gauche ou à droite. La navigation s’ajuste en conséquence
• Numérotation : Tous les éléments de navigation auront un numéro pour améliorer la structure et la lisibilité
• Recherche : Activez le bouton de recherche. Cliquer dessus mène à une page de recherche (composant de vue de lieu) (vous devez sélectionner une page de résultats lors de la configuration)
• URL personnalisée : Définissez ce qu’il se passe en cliquant sur le logo. Le comportement par défaut est de revenir à la page “accueil” du portail
• Fond transparent : La navigation peut être placée au-dessus du carrousel d’en-tête. Cette fonction nécessite que les logos soient configurés dans l’onglet “logo” de cette fenêtre de configuration. La fonction de fond transparent n’est accessible que si un “carrousel d’en-tête” suit immédiatement la “navigation” dans votre modèle de page.
• Enregistrer : Enregistrez toutes les modifications. En cliquant sur enregistrer, tous les changements seront immédiatement appliqués. Tout, sauf le “fond transparent”, sera appliqué à toutes les pages utilisant la “navigation supérieure”

Logo

Ici, vous pouvez définir tous les logos utilisés dans la navigation (et ajouter des espacements).

Le logo principal est utilisé dans toutes les zones de navigation, sauf si l’option "fond transparent" est activée. Sélectionnez un logo depuis une archive et glissez-déposez pour modifier l’espace autour.

Le logo négatif et le logo positif sont des variantes utilisées si vous activez la fonctionnalité "fond transparent". Cela vous permet de choisir un logo clair pour les arrière-plans sombres et un logo sombre pour les arrière-plans clairs.

Menu latéral gauche

La navigation latérale est souvent utilisée dans les configurations riches en documentation où vous souhaitez qu’elle ressemble à un index de livre.

• Recherche : Définissez une page de recherche. Ajoutez ici une requête de recherche et affichez le résultat sur la page de recherche liée (vue Dam).
• Liens de navigation : Les éléments visibles dans la navigation sont gérés via “admin de page”. Utilisez les flèches “menu déroulant” pour développer et afficher plus de contenu.
• Configurer (roue dentée) : La roue dentée ouvre une interface d’édition où vous pouvez modifier l’apparence de la navigation. Cette roue n’apparaît que lorsque vous êtes en “mode édition”. Lisez plus à ce sujet ci-dessous.

Paramètres 

En cliquant sur le bouton configurer (roue dentée), vous ouvrez une vue où vous pouvez configurer divers paramètres du panneau de navigation. Notez que ce panneau applique les modifications à l’apparence générale. Pour gérer la visibilité des pages et les éléments dans la navigation, cela se fait dans “admin de page”.

Gardez à l’esprit que les modifications effectuées ici peuvent affecter toutes les pages du portail. Voici les paramètres :

• Numérotation : Ajoute un numéro à toutes les pages pour indiquer les différents niveaux. Le niveau supérieur est 1. Le premier sous-niveau est 1.1, etc.
• Masquer la page d’accueil : Masque la page d’accueil par défaut du portail. Cela permet généralement d’économiser de l’espace, et on attend des utilisateurs qu’ils utilisent le "logo" pour revenir à l’accueil.
• Dynamique : Change la manière dont les pages sont affichées dans le menu. Lorsqu’on accède à une page, toutes les pages “parentes” et voisines sont masquées, seules les “sous-pages” sont affichées.
• Recherche : En activant cela, une zone de recherche s’affichera dans la navigation. Connectez-la à une page de recherche existante (vue Dam). Les utilisateurs y seront redirigés avec leur recherche préremplie.
• Page de vue de lieu : Si vous connectez ici une page “Place view” existante, une barre de recherche apparaîtra dans la navigation. Toute recherche saisie dirigera l’utilisateur vers cette page avec leur recherche préremplie.
• URL personnalisée : Le logo dans la navigation redirigera vers cet emplacement. Si ce champ est vide, cliquer sur le logo redirigera vers la page d’accueil actuelle du portail.
• Logo principal : Sélectionnez le logo que vous souhaitez afficher dans le panneau de navigation.
• Espacement : En survolant l’espace bleu autour du logo avec votre souris, vous pouvez ajuster manuellement l’espace autour du logo dans la navigation.
• Sélecteur de logo : Deux options pour choisir le logo à afficher. “Rechercher dans PLACE” ouvre l’archive contenant vos logos déjà téléchargés. “Téléverser” vous permet d’importer un nouveau logo. Il est recommandé de téléverser d’abord le logo dans l’archive, puis de le sélectionner afin de mieux gérer la taille du fichier, son emplacement et ses versions.
• Mettre à jour : Cliquer sur mettre à jour publiera immédiatement les modifications dans le portail. Notez que les modifications s’appliqueront à toutes les pages utilisant le menu latéral gauche.

Mega menu

Facilitez la navigation dans Point en permettant aux utilisateurs de parcourir une liste d’instances Point et de voir un aperçu de chaque menu dédié en même temps. Comme dans votre boutique en ligne préférée.

Activer la navigation en mega menu

Pour activer la fonctionnalité de navigation Point, suivez ces étapes :

1. Sur la page d’accueil de Point, cliquez sur le bouton paramètres (roue dentée) du menu supérieur ou latéral (selon le type de menu utilisé dans votre Point)
2. Dans les paramètres du menu principal, activez la navigation Point comme indiqué dans la capture ci-dessous :
3. Une fois activée, un nouveau bouton apparaîtra à côté du logo sur la page d’accueil comme ci-dessous
    
4. Vous pourrez désormais naviguer plus facilement en voyant toutes les différentes instances Point ainsi que toutes les sous-pages dans une seule et même fenêtre.

Menu fixe (Sticky menu)

Le menu fixe permet d’ancrer le menu à l’écran afin de garder tous les éléments de menu à portée de main lors du défilement des pages.

Avantages

• Avec un menu fixe, les utilisateurs peuvent accéder facilement aux options de menu peu importe où ils se trouvent sur la page. Plus besoin de remonter en haut de la page pour naviguer.
• Expérience utilisateur améliorée : Les menus fixes peuvent améliorer l’expérience globale en fournissant une structure de navigation cohérente et familière. Les utilisateurs trouvent rapidement ce qu’ils cherchent et naviguent sans difficulté dans Point.
• Confusion sur la structure de Point : Si le menu de navigation n’est pas facilement accessible, les utilisateurs peuvent avoir du mal à comprendre la structure globale de Point. Cela peut entraîner de la confusion et un taux de rebond plus élevé.

Activation du menu Sticky

1. Ouvrez l’administration des pages
2. Accédez à la section Constructeur de modèles de page dans l’administration des pages
3. Choisissez (ou créez) un modèle de page sur lequel vous souhaitez ajouter le menu Sticky
4. Le composant Navigation est requis dans un modèle de page. Une fois le composant de navigation ajouté à votre modèle, vous avez l’option de sélectionner "nouvelle navigation". Cochez cette option et enregistrez.
5. Accédez à une page qui utilise cette "nouvelle navigation" (c’est-à-dire une page utilisant l’un des modèles de page sur lesquels cela est activé)
6. Cliquez sur la roue dentée du menu pour ajuster les paramètres. L’édition de ce menu fonctionne de la même manière que l’ancien.
7. Dans le menu des paramètres, activez le menu Sticky à partir des options comme illustré dans la capture d’écran ci-dessous.
8. Le menu Sticky est maintenant activé

Ce paramètre doit être activé sur chaque "modèle de page" afin d'assurer un comportement cohérent sur toutes vos pages.

Comme pour les autres composants de navigation, les modifications apportées sur une page seront appliquées à toutes les pages utilisant la fonctionnalité de "nouvelle navigation".

L’activation de cette option peut nécessiter des ajustements mineurs de couleurs et de style. Si l’affichage présente des couleurs incorrectes, contactez votre CSM, spécialiste produit ou le support pour obtenir de l’aide.