在shopify上将图像添加到商店前面的自定义html字段

Question

我只是在shopify商店前面添加图片到提供的自定义html字段时遇到了问题。我试图尽可能多地提供主题，但我发现了一些我正在努力寻找解决方案的细微差别。

这是我正在使用的。

<img src="{{'cj.png' | /assets/cj.png}} />

我尝试的所有东西都显示为破碎的图像。 谢谢！

Answer 1

{{ 'cj.png' | asset_folder | img_tag }}

这将输出具有正确路径的完整图像标记。

您也可以获取图片网址。单击主题文件中资产文件夹中的图像。它将显示图像。右键单击并复制图像地址。

Answer 2

我最好用这种语法：

{{ 'image.png' | asset_img_url: '220x' | img_tag }}

有关asset_img_url的更多信息，请参见https://help.shopify.com/en/themes/liquid/filters/url-filters的asset_img_url部分。

请注意，就像上面的答案一样，这适用于液体模板。