Aller au contenu
GloboGlobo Docs
Installer l’app
Français

Paramètres du menu

Modifiez la mise en page, les éléments, l'animation, l'espacement et les autres paramètres qui s'appliquent à l'ensemble du menu.

Référence Tous les forfaits 5 min de lecture

L’onglet Paramètres contrôle l’emplacement du menu ainsi que l’apparence et le comportement de chacun de ses éléments. Pour styliser un seul élément, utilisez plutôt ses propres paramètres ; consultez Modifier un élément de menu.

Ouvrir les paramètres

  1. Ouvrir l’onglet Paramètres

    Dans Gestionnaire de menus, ouvrez le menu, puis cliquez sur l’icône d’engrenage dans la barre latérale gauche de l’éditeur. L’aperçu se met à jour au fil de vos modifications.

    L'icône d'engrenage ouvre les réglages du menu.

  2. Enregistrer et publier

    Cliquez sur Enregistrer, puis sur Publier.

Les valeurs par défaut ci-dessous sont celles avec lesquelles un nouveau menu démarre généralement ; certaines dépendent de votre thème.

Paramètres

Position

Remplacer automatiquement
L’application trouve le menu principal de votre thème et le remplace.
Remplacer le menu existant
Vous choisissez les menus du thème à remplacer dans Sélectionnez votre menu principal et Sélectionnez votre menu mobile.
Afficher le menu sur ce sélecteur CSS
Vous saisissez le sélecteur de la zone dans Sélecteur CSS de votre menu principal et Sélecteur CSS de votre menu mobile. Utilisez cette option uniquement si les options ci-dessus ne fonctionnent pas avec votre thème.

Chaque option est expliquée pas à pas dans Publier un menu sur votre thème.

Mise en page et éléments

Les sections Position, Mise en page et Éléments
OrientationPar défaut: Horizontal
Horizontal affiche les éléments de premier niveau sur une ligne. Vertical les empile dans une colonne, comme un menu latéral.
AlignerPar défaut: Gauche
Aligne les éléments de premier niveau à Gauche, à Droite ou au Centre dans la barre de menu.
Largeur maximale du menuPar défaut: Vide
Largeur maximale du menu en px, par exemple 1200. Vide, la largeur disponible complète est utilisée.
Afficher le champ de recherchePar défaut: Activé
Ajoute un champ de recherche de produits au menu.
Afficher le séparateur sur ordinateurPar défaut: Activé
Une ligne de séparation entre les éléments de premier niveau sur ordinateur. Couleur : Couleurs > Separator color.
Afficher le séparateur sur mobilePar défaut: Activé
Des lignes de séparation entre les éléments du menu mobile.
Afficher les indicateurs (flèche vers le bas)Par défaut: Activé
Une petite flèche à côté des éléments qui possèdent un sous-menu.

Sous-menu

Afficher la bordurePar défaut: Activé
Une bordure autour des sous-menus. Couleur : Couleurs > Sous-menu > Border color.
Activer la barre de défilement sur ordinateurPar défaut: Activé
Les acheteurs peuvent faire défiler un sous-menu plus haut que l’écran au lieu qu’il soit coupé.
Activer la barre de défilement sur mobilePar défaut: Activé
Idem, pour le menu mobile.
Largeur maximale du sous-menuPar défaut: Vide
Largeur maximale du sous-menu en px. Vide, la largeur par défaut est utilisée.
Style d'ouverture sur mobilePar défaut: Menu déroulant
Menu déroulant déploie le sous-menu sous son parent. Glissement l’ouvre comme un nouveau panneau, avec un moyen de revenir au niveau précédent.

Animation du menu

La section Animation du menu, sous Style d'ouverture sur mobile
Déclencheur – OrdinateurPar défaut: Survol
Comment les sous-menus s’ouvrent sur ordinateur : Survol, Clic ou Basculer au clic.
Déclencheur – MobilePar défaut: Basculer au clic
Comment les sous-menus s’ouvrent dans le menu mobile, avec les trois mêmes options.
EffetPar défaut: Fondu
L’animation d’ouverture : Fondu ou Glisser vers le haut.
Vitesse de transitionPar défaut: 300
Durée de l’animation en ms, jusqu’à 1500.
Délai de transitionPar défaut: 150
Attente avant l’ouverture ou la fermeture d’un sous-menu, en ms, jusqu’à 1500. Avec Survol, cela évite que les sous-menus s’ouvrent brièvement au passage de la souris.

Les déclencheurs :

  • Survol : le sous-menu s’ouvre lorsque la souris passe sur l’élément.
  • Clic : le premier clic ou toucher ouvre le sous-menu ; un nouveau clic sur l’élément mène à son lien.
  • Basculer au clic : chaque clic ouvre ou ferme le sous-menu ; l’élément parent ne mène jamais à son lien.

Liens du compte

Des raccourcis vers le compte client qui changent selon l’état de connexion de l’acheteur. Tous sont désactivés par défaut. En activer un affiche des champs pour son icône et son titre (par exemple Icône de connexion et Titre de connexion, pour renommer « Connexion » en « Se connecter »).

Afficher le lien de connexionPar défaut: Désactivé
Affiché lorsque l’acheteur n’est pas connecté.
Afficher le lien d'inscriptionPar défaut: Désactivé
Un lien pour créer un compte. Affiché lorsque l’acheteur n’est pas connecté.
Afficher le lien du comptePar défaut: Désactivé
Un lien vers la page de compte du client. Affiché lorsque l’acheteur est connecté.
Afficher le lien de déconnexionPar défaut: Désactivé
Affiché lorsque l’acheteur est connecté.

Espacement

Les sections Liens du compte et Espacement

Faites glisser le curseur ou saisissez une valeur en px.

Marge intérieure du menu principalPar défaut: 20
Espace horizontal de chaque côté de chaque élément de premier niveau.
Hauteur de ligne du menu principalPar défaut: 50
Hauteur de la barre de menu de premier niveau.
Hauteur de ligne du menu déroulantPar défaut: 50
Hauteur de chaque ligne d’un sous-menu déroulant.
Hauteur de ligne de l'ongletPar défaut: 50
Hauteur de chaque onglet d’un menu à onglets.
Hauteur de ligne de la liste de liensPar défaut: 30
Hauteur de chaque lien d’un bloc de liste de liens.

Carrousel

S’applique aux blocs qui défilent, comme les carrousels de produits et le carrousel d’images.

Lecture automatiquePar défaut: Activé
Les diapositives défilent d’elles-mêmes.
Boucle infiniePar défaut: Activé
Après la dernière diapositive, le carrousel repart de la première.

Avancé

Les sections Carrousel et Avancé
Menu mobile lorsque la largeur est inférieure àPar défaut: 768
Largeur d’écran en px en dessous de laquelle le menu mobile est utilisé. Les écrans plus larges affichent le menu pour ordinateur.
Masquer le sous-menu du bloc de liste de liensPar défaut: Désactivé
Mobile uniquement. Replie les liens sous chaque titre de liste de liens ; les acheteurs touchent la flèche du titre pour les déployer.
Afficher le bouton Ajouter au panierPar défaut: Désactivé
Un bouton d’ajout au panier sur les produits des blocs de produits du menu. Couleurs : Couleurs > Bouton Ajouter au panier.
Activer le chargement différé des imagesPar défaut: Activé
Charge les images du menu uniquement lorsque c’est nécessaire, ce qui améliore la vitesse de la page. Nous vous recommandons de le laisser activé.

Dépannage

Toucher un élément parent sur mobile n'ouvre pas sa page

Lorsque Déclencheur – Mobile est réglé sur Basculer au clic, toucher un élément parent ouvre uniquement son sous-menu. Passez-le sur Clic, ou ajoutez la page parente comme premier lien dans le sous-menu. Consultez Un élément de menu ne redirige pas sur mobile.

Le menu mobile n'apparaît pas sur une tablette ou un petit ordinateur portable

Le menu pour ordinateur est utilisé sur tout écran plus large que Menu mobile lorsque la largeur est inférieure à. Augmentez cette valeur.

Cette page vous a-t-elle aidé ?

Signaler un problème