在.js.liquid文件中使用asset_url

Question

我正在为Shopify主题编码，我需要在我的某个模板中使用带有自定义指针的Google地图。

我在使用Javascript文件中的asset_url时遇到问题，因此我可以正确链接到我的新指针/标记图形。关于我做错了什么的指示？

我尝试了以下两种方法并且都没有效果：

var image = {
  url: "url({{ 'gr_gm-pointer.png' | asset_url }})"
  ...etc
};

和

var image = {
  url: url({{ 'gr_gm-pointer.png' | asset_url }})
  ...etc
};

我是javascript和Liquid的新手，所以任何帮助都会非常感激。感谢您的帮助。

Answer 1

您确定您的主题中存在资源吗？使用js.liquid文件的所有测试在引用这样的资产时都能正常工作。

Answer 2

仅当您在.liquid文件中编写脚本时才能正常工作;

<script>
....
....append('<img src=\"{{ 'ajax-loader.gif' | asset_url }}" />');
....
</script>

或者这里有另一个解决方案;

https://ecommerce.shopify.com/c/ecommerce-design/t/hardcoding-asset-url-s-is-it-safe-31768

Answer 3

这是旧的，但是我为此苦苦挣扎并找到了解决方案，所以我想我会发布一个答案。 google maps标记对象具有icon属性，您可以像这样在液体中调用它：

var marker = new google.maps.Marker({
      position: latLng,
      map: map,
      icon: '{{ 'your-icon.png' | asset_img_url: '60x' }}'