未找到特定图像资产-shopify

我想在一个自定义的.js脚本中使用shopify主题资产文件夹中的图像。（

product customizer.js

在下一节最后添加）

在我的模板的liquid文件中，我有：

<script> 
    var woodImageAsset = "{{ 'wood.jpg' | asset_url }}";
    var ajaxLoaderAsset =  "{{ 'ajax-loader.gif' | asset_url }}";
</script>
<script src="{{ 'uploadcare.full.min.js' | asset_url }}" defer="defer"></script>
<script src="{{ 'fabric.min.js' | asset_url }}" defer="defer"></script>
<script src="{{ 'product-customizer.js' | asset_url }}" defer="defer"></script>

仅未找到

wood.jpg

---

请注意，

ajax loader.gif

已包含在主题中，而

wood.jpg

则是在主题的资产文件夹中添加的。有没有什么特殊的方法可以将图像资源上传到shopify主题，或者我遗漏了什么？

如果您导航到资源并检查文件，如果您没有看到wood.jpg，则表示该主题版本中没有该资源。只要从另一个可用的主题版本抓取一份副本，或者从硬盘上传即可

---

处理所有主题的图像的另一种方法是将图像作为文件上传到商店的“商店设置”->“文件”部分。

谢谢@David，我按照你的建议通过web应用程序添加了图像，我得到的URL现在运行良好。通过主题工具包手动添加文件的行为似乎很奇怪。干杯

console.log(woodImageAsset);
//cdn2.shopify.com/s/files/1/0257/3995/2207/t/1/assets/wood.jpg?1012
console.log(ajaxLoaderAsset);
//cdn2.shopify.com/s/files/1/0257/3995/2207/t/1/assets/ajax-loader.gif?1012