AX - Navigation

Aperçu

AX - Navigation est un composant Experience Cloud qui affiche une barre de navigation personnalisable avec des liens et des menus sur les pages des sites Experience.

Utilisez-le pour créer des structures de navigation personnalisées au-delà de la navigation standard d'Experience Cloud — comme des menus secondaires, une navigation contextuelle ou des groupes de liens spécifiques à des actions. Configurez les éléments de menu, le style, les menus déroulants et les destinations de liens dans Experience Builder sans coder.

Parfait pour la navigation personnalisée des pages, les menus contextuels, les liens d'action rapide, ou partout où votre portail a besoin d'une navigation au-delà de l'en-tête par défaut du site.

Ce composant utilise des emplacements pour une personnalisation avancée, ce qui le rend idéal pour les sites LWR. Les sites Aura ne prennent pas en charge ce niveau de personnalisation.

Le composant Avonni Navigation est conçu pour offrir une plus grande flexibilité. Contrairement à la navigation Salesforce standard, il permet des structures de menu plus complexes. Vous pouvez créer des menus à plusieurs niveaux — pensez à ces niveaux comme des couches ou des étapes. Par exemple, vous pouvez avoir des éléments principaux (Niveau 1), des sous-éléments sous ceux-ci (Niveau 2), et même des sous-sous-éléments (Niveau 3). Cette approche en couches facilite l'organisation et la présentation d'une grande quantité d'informations de manière structurée et accessible.

De plus, Avonni propose une gamme plus large d'options de style. Cela vous permet de personnaliser de près l'apparence de votre menu de navigation selon le style de votre marque. Vous disposez de plus que des options de couleur principale et de police. Avonni permet une personnalisation plus approfondie, vous permettant de créer une expérience de navigation visuellement attrayante et qui semble être une extension naturelle de votre marque.

Propriétés

🎚️ Configuration générale

Nom	Description
Orientation	Choisissez entre « horizontal » pour une barre de navigation supérieure traditionnelle ou « vertical » pour une navigation de type barre latérale.
Afficher le logo du site	Activez pour afficher le logo du site dans le composant de navigation.
Fixé en haut	Activez pour maintenir la barre de navigation en haut de la fenêtre d'affichage lorsque les utilisateurs font défiler la page.
Activer le menu mobile	Activez un menu optimisé pour mobile pour une meilleure navigation sur les petits écrans.
Ouvrir le menu au survol	Configurez les menus déroulants pour qu'ils s'ouvrent lorsque l'utilisateur survole un élément de menu, plutôt que d'exiger un clic.
Ombre	Ajoutez un subtil effet d'ombrage à la barre de navigation pour plus de profondeur visuelle.
Afficher le repère du dropdown	Afficher un petit graphique en forme de flèche qui pointe vers l'élément de menu lorsque son menu déroulant est ouvert.
Afficher l'indicateur d'élément	Activez pour afficher des indicateurs visuels signalant qu'il y a plus de contenu disponible sous un élément de menu.

🗄️ Configuration de la source de données

🎨 Style

Apparence du menu

Le Variante de menu le paramètre au sein du composant Avonni Navigation pour Salesforce Experience Cloud détermine le style global et le comportement du menu.

Si votre source de données est définie sur manuelle et que votre menu inclut des sous-éléments, vous pouvez utiliser la fonctionnalité «Variante de menu».

Voici les significations typiques des variantes de menu :

Base

Le base la variante représente le style standard pour un menu de navigation. Elle est simple, avec les éléments de menu généralement listés en ligne pour une orientation horizontale ou en colonne pour une orientation verticale. Cette variante est épurée et minimaliste, ce qui en fait un bon choix pour la plupart des sites où un aspect classique est souhaité.

Tiroir

Le tiroir La variante implique un menu qui glisse depuis le côté, à l'image d'un tiroir ouvert. Ce style est souvent utilisé pour les menus verticaux, notamment en vue mobile ou lorsque l'espace d'écran est limité. Il maintient la navigation rangée et accessible via une icône de menu (souvent une icône « hamburger ») jusqu'à ce qu'on en ait besoin.

Exemple de variante tiroir

Colonnes

Avec la colonnes variante, les menus déroulants sont affichés en colonnes, permettant une mise en page structurée et multi-niveaux au sein du menu déroulant lui-même. Ceci est particulièrement utile pour organiser une navigation complexe avec de nombreux éléments ou catégories, facilitant la navigation des utilisateurs parmi les options.

Exemple de variante colonne

Onglets

Le onglets la variante convertit les éléments de menu de niveau supérieur en navigation par onglets. Ce style est souvent utilisé lorsque différentes sections d'un site doivent être démarquées et accessibles directement depuis la barre de navigation. Il offre une interface familière aux utilisateurs, similaire aux onglets d'un classeur ou d'un navigateur web.

Chacune de ces variantes peut aider à définir l'expérience de navigation de votre site, il est donc important d'en choisir une qui s'aligne sur les principes de conception de votre site et améliore le parcours utilisateur.

Exemple de variante onglets