Ajouter une icône à un élément de menu

Guide pratique Tous les forfaits 2 min de lecture

Les icônes aident les acheteurs à parcourir le menu plus vite : une flamme à côté de Soldes, ou un petit logo à côté d’une marque.

Ajouter une icône

1. Ouvrir l’élément

   Survolez l’élément dans l’aperçu et cliquez sur Modifier l’élément (1). Les paramètres de l’élément s’ouvrent à gauche (2), avec Icône en haut.

   

   (1) Cliquez sur Modifier l'élément, (2) les paramètres de l'élément s'ouvrent à gauche, avec Icône en haut

2. Choisir l’icône

   Choisissez dans la bibliothèque ou téléversez votre propre image.

   Sélectionner une icône
   1. Cliquez sur Sélectionner une icône et recherchez, par exemple heart ou truck.
   2. Cliquez sur l’icône. Elle est ajoutée immédiatement et utilise la couleur du texte de l’élément.
   Téléverser une icône
   1. Cliquez sur Téléverser une icône. Le panneau Images affiche les images que vous avez déjà téléversées.
   2. Déposez une image dans la zone de téléversement ou cliquez dessus pour choisir un fichier.
   3. Cliquez sur l’image, puis sur Sélectionner.

   

   L'icône se trouve en haut des réglages de l'élément : Select icon ou Upload icon.

3. Définir la largeur de l’icône

   Images téléversées uniquement : voir Largeur de l’icône.

4. Enregistrer et publier

   Cliquez sur Enregistrer, puis sur Publier.

Note

Téléversez un PNG, JPG, WebP, GIF ou SVG carré d’environ 60 × 60 px, de 2 Mo maximum. Les fichiers plus volumineux affichent L’image ne doit pas dépasser 2 Mo. Veuillez la redimensionner et la télécharger à nouveau.

Largeur de l’icône

Auto

L’image conserve sa taille naturelle.

Personnalisé

Une valeur et une unité (%, px, em ou rem), par exemple 24px.

Modifier ou retirer l’icône

Cliquez sur Modifier dans la zone Icône, puis :

• Sélectionner une icône : choisissez une autre icône de la bibliothèque.
• Téléverser une icône : utilisez une autre image.
• Retirer : retire l’icône de l’élément.

Les images téléversées restent dans le panneau Images pour être réutilisées. Pour en supprimer une de la bibliothèque, sélectionnez-la et cliquez sur Supprimer.

Conseils

• Utilisez un seul style (contour ou plein) et une seule taille pour toutes les icônes d’un menu.
• Si une icône téléversée est floue, téléversez-la au double de la taille d’affichage (48 × 48 px pour 24 px) et définissez une largeur Personnalisé.
• Utilisez une icône différente par langue en mode traduction.

Pages associées

• Modifier un élément de menuModifiez 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.
• Ajouter un élément de menuAjoutez un élément de premier niveau à votre barre de menu et liez-le à une page, une collection, un produit ou une URL.
• Traduire un menuTraduisez les éléments du menu et les textes intégrés dans chaque langue dans laquelle votre boutique vend.

Cette page vous a-t-elle aidé ?

Signaler un problème