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

Adding image to custom html field in store front on shopify

我无法简单地将图像添加到 shopify 店面内提供的自定义 html 字段。我试图尽可能多地了解主题所提供的内容,但我发现了一些我正在努力寻找解决方案的细微差别。

这是我正在使用的东西。

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

我尝试过的一切都显示为损坏的图像。 谢谢!

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

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

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

我对这种语法比较幸运:

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

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

请注意,与上面的答案一样,这适用于液体模板。