Ajouter des icônes dans le menu

Français Discussions Discussions générales

Topic summary

Ajout d’icônes devant chaque élément d’un menu. L’auteur souhaite afficher une petite image avant le texte de chaque entrée, comme sur la capture jointe.

Contexte/essais: s’appuie sur un ancien tutoriel jQuery (bibliothèque JavaScript). Script testé pour cibler le premier item via l’ID #HeaderMenu-fleurz et lui préfixer une balise provenant d’un CDN Shopify. Le script ne fonctionne pas malgré les essais.

Éléments fournis:

  • Capture d’écran illustrant le résultat souhaité.
  • Extrait de code jQuery utilisant .text() puis .prepend() sur le sélecteur #HeaderMenu-fleurz.

État: discussion ouverte. L’auteur demande une solution à jour pour ajouter des icônes aux éléments du menu (potentiellement à tous les items, pas seulement le premier). Aucune réponse ni correctif validé à ce stade.

Summarized with AI on January 16. AI used: gpt-5.
1

Bonjour,

Cela fait plusieurs jours maintenant que je cherche à ajouter des icônes devant chaque élément de mon menu comme ci-dessous :

Arkhepng_0-1696555597240.png
Arkhepng_0-1696555597240.png1340×204 77.8 KB

Je suis tombé sur une vidéo qui suggérait d’utiliser un script Jquery mais le tutoriel date un peu et les mécaniques ont l’air d’avoir changé puisqu’il m’est impossible de faire fonctionner le script (ci-dessous)

<script>
  $('#HeaderMenu-fleurz').text(function(){
  var navText = $(this).text();
    $(this).prepend('<img scr="https://cdn.shopify.com/s/files/1/0782/7714/9020/files/flower-tulip.png?v=1696549391"/>');
    }
  });
</script>

#HeaderMenu-fleurz est l’ID du premier élément du menu

Avez-vous une solution pour ajouter des icônes dans le menu ?

Merci d’avance pour votre aide