Navigation

Aperçu

Le composant de navigation Avonni est une barre de navigation personnalisable pour les sites Salesforce Experience Cloud. Il améliore l'utilisabilité du site en organisant les liens de navigation et en offrant un accès rapide aux sections et aux pages. Avec une gamme de paramètres, il peut être adapté pour s'intégrer à presque n'importe quel design et structure de navigation de site.

Le composant de navigation Avonni est conçu pour offrir une plus grande flexibilité. Contrairement à la navigation standard de Salesforce, il permet des structures de menu plus complexes. Vous pouvez créer des menus à plusieurs niveaux – pensez à ceux-ci 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 bien plus que des options de couleur principale et de police. Avonni permet une personnalisation 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

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

Basculer 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 vers le bas.

Activer le menu mobile

Activez un menu optimisé pour les mobiles afin d'améliorer la navigation sur les petits écrans.

Ouvrir le menu au survol

Configurez les menus déroulants pour s'ouvrir lorsque l'utilisateur survole un élément de menu, plutôt que d'exiger un clic.

Ombre

Ajoutez un effet d'ombrage subtil à la barre de navigation pour une profondeur visuelle.

Afficher la pointe du menu déroulant

Afficher un petit graphisme en forme de flèche pointant 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 sous un élément de menu.

Apparence du menu

Le Variante du menu le paramètre dans le composant de navigation Avonni pour Salesforce Experience Cloud détermine le style et le comportement globaux 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 'Variante du menu' fonctionnalité.

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 des é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é, similaire à un tiroir ouvert. Ce style est souvent utilisé pour les menus verticaux, en particulier en vue mobile ou lorsque l'espace d'affichage est précieux. Il garde la navigation cachée et accessible via une icône de menu (souvent une icône « hamburger ») jusqu'à ce qu'elle soit nécessaire.

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 comportant de nombreux éléments ou catégories, ce qui facilite la navigation des utilisateurs parmi les options.

Exemple de variante colonne

Onglets

Le onglets la variante transforme les éléments de menu de haut niveau en une 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

Mis à jour

Ce contenu vous a-t-il été utile ?