AX - Sélecteur de langue
Aperçu
AX - Sélecteur de langue est un composant Experience Cloud qui affiche un sélecteur de langue sur les pages des sites Experience, permettant aux utilisateurs du portail de basculer entre les langues disponibles.
Utilisez-le pour offrir une prise en charge multilingue aux clients ou partenaires internationaux. Le composant affiche toutes les langues actives configurées pour votre site Experience et met à jour le contenu de la page lorsque les utilisateurs sélectionnent une autre langue.
Idéal pour les portails clients mondiaux, les sites partenaires internationaux, les centres d'assistance multi-régions ou tout portail destiné à des utilisateurs parlant différentes langues.
Configuration
Poser les bases : configurations de base
Libellé
Personnalisez l'étiquette affichée au-dessus du menu de sélection de langue.
Vous pouvez également activer l'option « Utiliser la langue actuelle comme étiquette » pour afficher dynamiquement la langue actuellement sélectionnée comme étiquette.

Groupes de langues
Organisez plusieurs langues en colonnes distinctes grâce à la fonctionnalité Groupes de langues.
Assurez-vous que les langues que vous sélectionnez sont actives et disponibles sur votre site.

Personnalisation visuelle
Nom et taille de l'icône
Choisissez un symbole représentant la diversité linguistique (un globe, peut-être ?) et ajustez sa taille pour qu'elle corresponde à l'esthétique de votre site. Au lieu d'une icône Lightning Design System, vous pouvez fournir un Source de l’icône CMS ou un URL de l’icône ou expression. Activez Utiliser la langue actuelle comme étiquette pour afficher la langue actuellement sélectionnée comme étiquette du bouton.
Variante
Sélectionnez un style visuel (bare, bare-inverse, base, border, border-filled, etc.) qui s'aligne sur l'esthétique de votre site.
Alignement du menu
Sélectionnez un style visuel (bare, bare-inverse, base, border, border-filled, etc.) qui s'aligne sur l'esthétique de votre site.
Comportement du menu
Déclencheur du menu
Vos visiteurs cliqueront-ils sur un bouton, le survoleront-ils ou le sélectionneront-ils pour afficher les options de langue ? Choisissez l'interaction la plus intuitive pour votre public.
Triangle de menu
Cette petite flèche est une touche subtile qui relie le menu au composant, comme un panneau directionnel.
Titre du menu
Donnez à votre menu un titre clair (par exemple, « Choisissez votre langue ») pour plus de clarté.
Astuces utiles et accessibilité
Infobulle
Lorsque les utilisateurs survolent le composant, fournissez une brève explication ou des instructions via une info-bulle.
Masquer la flèche vers le bas
Vous pouvez masquer l'icône de flèche vers le bas généralement associée aux listes déroulantes si vous préférez un aspect plus épuré.
Étirement
Cette option permet au composant de s'étendre et de remplir son conteneur, garantissant un aspect soigné.
Désactivé
Désactive temporairement la fonctionnalité de sélection de langue lorsque cela est nécessaire.
Alignement horizontal
Contrôle l'alignement horizontal du composant dans son conteneur (gauche, centre, droite).
Avec le sélecteur de langue Avonni, votre site Experience Cloud devient un lieu d'accueil pour un public mondial. Les visiteurs peuvent choisir leur langue préférée sans effort, garantissant une navigation fluide et agréable dans votre contenu.
Style
Contrôle l'espace autour du composant (Haut / Bas / Gauche / Droite).
Couleur / Couleur active / Couleur au survol : Définissez l'arrière-plan du bouton de déclenchement pour les états par défaut, actif et au survol.
Couleur / Couleur active / Couleur au survol : Définissez la couleur du libellé et de l'icône pour chaque état.
Taille de police / Style de police / Graisse de police / Famille de police : Contrôlez la typographie du libellé.
Alignement horizontal : Alignez le libellé et l'icône.
Couleur / Couleur active / Couleur au survol : Définissez la couleur de la bordure pour chaque état.
Taille / Style / Rayon : Contrôlez la bordure du bouton de déclenchement.
Couleur de bordure / Taille / Style / Rayon / Ajustement de l'objet : Stylez une image personnalisée utilisée comme icône de déclenchement.
Mis à jour
Ce contenu vous a-t-il été utile ?
