Question

我想在自定义.js脚本中使用来自shopify主题的资产文件夹中的图像。（product-customizer.js在下一节的最后添加）

在我模板的临时文件中，我有：

<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接受的所有资产。

在product-customizer.js中，当我尝试从CDN打印资产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

仅找到wood.jpg。

请注意，ajax-loader.gif已经包含在主题中，而wood.jpg是附加添加到主题的资产文件夹中的。有什么特殊的方法可以将图像资产上传到shopify主题，还是我还缺少其他东西？

Answer 1

如果导航到资产并检查文件，则看不到wood.jpg，则表示该版本的主题不可用。只需从可用主题的另一个版本中获取副本，或从硬盘驱动器上载即可。

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

找不到特定的图像资产-Shopify

1 个答案: