使用Jquery在Shopify菜单中插入图标

sxissh06  于 2023-10-17  发布在  jQuery
关注(0)|答案(1)|浏览(97)

我尝试在Shopify菜单中添加图标,如下所示:
The menu I want with icons before titles
我发现将图标添加到Shopify标题菜单的唯一方法是使用Jquery。因此,我将Jquery脚本添加到theme.liquid中,并按照this video中的步骤操作,但脚本无法正常工作。
以下是脚本:

<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>

这是这件物品的检查员:
My Shopify website now
对不起,我不是英语母语,非常感谢您的帮助!
我尝试了一些自制的脚本,但我不是js dev,也不是dev,所以什么都不会工作。

yshpjwxd

yshpjwxd1#

说明

嗨,如果你能把你的html代码一起发布,那就太好了,这样我们就能更好地理解你的问题。我猜你是想把元素前置到菜单头

验证码

<script>
        var imgsrc = $("<img>").attr("src", "https://cdn.shopify.com/s/files/1/0782/7714/9020/files/flower-tulip.png?v=1696549391")
        $('#HeaderMenu-fleurz').prepend(imgsrc);
   </script>

相关问题