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

Modifier un élément de menu

Modifiez le titre, le lien, l'icône, les couleurs, le badge, le sous-menu et la visibilité d'un élément, ou dupliquez-le, déplacez-le et supprimez-le.

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

Chaque élément a ses propres paramètres dans le panneau Modifier l’élément, qui remplacent le design global du menu pour cet élément uniquement.

Ouvrir les paramètres de l’élément

  1. Cliquer sur Modifier l’élément

    Survolez l’élément dans l’aperçu ou dans l’arborescence Éléments et cliquez sur Modifier l’élément (l’icône en forme de crayon) (1). Le panneau s’ouvre à gauche (2).

    (1) Cliquez sur Modifier l'élément, (2) les paramètres de l'élément s'ouvrent à gauche

  2. Modifier les paramètres

    Utilisez les sections ci-dessous. Cliquez sur ‹ à côté de Modifier l’élément pour revenir à l’arborescence.

  3. Enregistrer et publier

    Cliquez sur Enregistrer, puis sur Publier.

Général

Icône
Une icône avant le titre : Sélectionner une icône dans la bibliothèque ou Téléverser une icône pour votre propre image. Voir Ajouter une icône à un élément de menu.
Titre
Le texte affiché dans le menu (100 caractères maximum).
Lien
Où mène l’élément : choisissez une page de la boutique ou collez une URL. Ouvrir dans un nouvel onglet et, pour les collections, Filtrer la collection avec des balises (facultatif) apparaissent en dessous. Voir Destinations possibles et Options du lien.
Description
Une courte ligne sous le titre. Laissez vide pour la masquer.

Couleur

Faites ressortir un élément, comme un élément Soldes en rouge. Les couleurs d’élément font partie de la fonctionnalité de mise en avant (Highlight) ; sur les autres forfaits, les champs sont désactivés avec un lien pour passer à un forfait supérieur.

Couleur du textePar défaut: #FFFFFF00Pro
La couleur du texte de l’élément.
Couleur d'arrière-planPar défaut: #FFFFFF00Pro
L’arrière-plan de l’élément.
Hover text colorPar défaut: #FFFFFF00Pro
La couleur du texte au survol.
Hover background colorPar défaut: #FFFFFF00Pro
L’arrière-plan au survol.

#FFFFFF00 est entièrement transparent, ce qui signifie « utiliser les couleurs habituelles du menu ». Réinitialiser les paramètres réinitialise les quatre champs.

Badge

Une petite étiquette comme Nouveau, Hot ou -50 %. Activez l’interrupteur Badge pour afficher ses paramètres ; sur les éléments de premier niveau, le badge se place au-dessus du titre.

Les paramètres du badge
Titre du badgePro
Le texte du badge, par exemple New. Le badge ne s’affiche que s’il n’est pas vide. Vous pouvez le traduire par langue.
Couleur du texte du badgePar défaut: #FFFFFFPro
La couleur du texte du badge (blanc).
Couleur d'arrière-plan du badgePar défaut: #0693E3Pro
L’arrière-plan du badge (bleu).
Un badge sur la barre de menu

Sous-menu

Si l’élément a un sous-menu, modifiez ici son Type, sa Largeur et alignement, son Alignement du contenu, sa Couleur d’arrière-plan et son Image d’arrière-plan. Les options dépendent du type : voir Paramètres du menu déroulant et Disposition du panneau de méga menu.

Visibilité

Choisissez qui voit l’élément et quand ; vous pouvez cocher plusieurs options.

Les paramètres de visibilité
Masquer sur ordinateur
Mobile uniquement, par exemple un lien Appelez-nous.
Masquer sur mobile
Ordinateur uniquement, par exemple un large méga menu qui ne convient pas aux petits écrans.
Masquer si connecté
Visiteurs non connectés uniquement, par exemple Créer un compte.
Afficher uniquement si connecté
Clients connectés uniquement, par exemple Grossiste ou Mes commandes.
Planifier la publication
Uniquement entre une Date de début / Heure de début et une Date de fin / Heure de fin (ou seulement l’une des deux). Les heures utilisent le fuseau horaire de votre boutique ; la fin doit être dans le futur et après le début. Voir Planifier des menus et des éléments.

Avancé

Nom de classe supplémentaire
Votre propre classe CSS pour le CSS personnalisé. Saisissez-la sans le point, par exemple sale-item.

Dupliquer, déplacer et supprimer

  • Dupliquer l’élément : copie l’élément juste en dessous, avec tout son sous-menu.
  • Supprimer l’élément : supprime l’élément et tous ses sous-menus, après confirmation.
  • Déplacer : faites glisser l’élément dans l’arborescence Éléments, puis cliquez sur Enregistrer et Publier.

Cette page vous a-t-elle aidé ?

Signaler un problème