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

Ajuster les couleurs du menu

Définissez les couleurs de la barre de menu, des sous-menus, des onglets, des étiquettes de produit et du bouton Ajouter au panier.

Guide pratique Tous les forfaits 3 min de lecture

Les couleurs de l’onglet Couleurs s’appliquent à tous les éléments du menu, ce qui vous permet de l’harmoniser avec votre marque à un seul endroit.

Modifier une couleur

  1. Ouvrir l’onglet Couleurs

    Dans l’éditeur de menu, cliquez sur l’icône de pot de peinture dans la barre latérale gauche (1).

    Ouvrez l'onglet Couleurs (1), puis cliquez sur un champ de couleur (2).

  2. Choisir une couleur

    Cliquez sur le champ à côté d’une couleur (2). Choisissez une couleur, ou saisissez un code hexadécimal tel que #FFFFFF.

  3. Vérifier l’aperçu

    Survolez les éléments de l’aperçu pour vérifier les couleurs au survol.

  4. Enregistrer et publier

    Cliquez sur Enregistrer, puis sur Publier.

Paramètres de couleur

Couleur d'arrière-plan
L’arrière-plan de la barre de menu.
Hover background color
L’arrière-plan d’un élément de premier niveau au survol ou tant que son sous-menu est ouvert.
Separator color
Les lignes de séparation entre les éléments, affichées lorsque Afficher le séparateur sur ordinateur ou Afficher le séparateur sur mobile est activé dans les Paramètres du menu.
Couleur du texte
Le texte et les icônes des éléments de premier niveau.
Hover text color
Le texte et les icônes des éléments de premier niveau au survol.

Sous-menu

Menus déroulants, méga menus et leur contenu.

Couleur d'arrière-plan
L’arrière-plan du sous-menu.
Border color
La bordure du sous-menu, affichée lorsque Afficher la bordure est activé dans les Paramètres du menu.
Heading color
Les titres à l’intérieur des sous-menus, comme les titres de listes de liens.
Couleur du texte
Les liens et le texte à l’intérieur des sous-menus.
Hover text color
Les liens des sous-menus au survol.
Description color
Le texte de description sous les éléments.
Hover description color
Le texte de description au survol.
Heading color
Les noms des onglets.
Active heading color
Le nom de l’onglet sélectionné.
Active background color
L’arrière-plan de l’onglet sélectionné.

Étiquette

Les étiquettes des produits affichés dans le menu.

Couleur du texte de promotion · Couleur d'arrière-plan de promotion
L’étiquette de vente sur les produits en promotion.
Couleur du texte d'épuisement · Couleur d'arrière-plan d'épuisement
L’étiquette d’épuisement.

Bouton Ajouter au panier

Affiché lorsque Afficher le bouton Ajouter au panier est activé dans les Paramètres du menu > Avancé.

Couleur du texte · Hover text color
Le texte du bouton, normalement et au survol.
Couleur d'arrière-plan · Hover background color
L’arrière-plan du bouton, normalement et au survol.

Dépannage

Les éléments sont difficiles à lire ou disparaissent au survol

Vérifiez que Couleur du texte contraste avec Couleur d’arrière-plan, et Hover text color avec Hover background color. Un texte blanc au survol sur un arrière-plan blanc au survol fait disparaître les éléments.

Je veux qu'un élément ait une couleur différente

Utilisez les paramètres Couleur propres à l’élément (forfait Pro Navigation), par exemple pour un élément « Soldes » en rouge. Consultez Modifier un élément de menu.

Cette page vous a-t-elle aidé ?

Signaler un problème