Shopify 资产 URL 错误

Shopify Asset URL Error

我正在尝试使用资产 url、

{{'Archt-Quick-Start-Guide-FR.jpg' | asset_url }}

但是在保存页面后将其转换为这个,就像在 URI 中编码的那样,

%7B%7B'Archt-Quick-Start-Guide-FR.jpg'%20%7C%20asset_url%7D%7D

请帮忙!

您使用的是在线商店> 页面中的标准页面还是编辑主题文件?

试试这个:

{{ 'Archt-Quick-Start-Guide-FR.jpg' | asset_url | img_tag }}

您不能在 Shopify 的 "Page" 中添加液体代码。它只会将其视为另一个 html 对象。您可以改为在 Shopify -> Admin Panel -> Online Store -> Themes -> Edit HTML/CSS

中执行以下操作
  1. 模板
  2. 下单击添加新模板
  3. Select "Create a new template for page" 并为其命名。
  4. 在这个新创建的模板中,添加您的代码并将其加载到页面开头的 JS 变量中。 <script>var test = '{{ 'Archt-Quick-Start-Guide-FR.jpg' | asset_url }}'</script>
  5. 这会将图像的 link 加载到测试中。
  6. 接下来,转到您正在编辑的页面 Shopify -> Admin Panel -> Online Store -> Pages -> Your Page
  7. 现在使用JavaScript函数根据需要将"test"变量加载到元素中。