Shopify - 是否在 JavaScript 之前进行 Liquid 处理？

Question

我正在尝试使用 javascript 调用 shopify 资产 url，将字符串动态连接到流动代码中，但它会引发错误。我认为 Liquid 必须在 JS 之前处理。

function loadProductThumbnails(size) {
  $(".hammock-thumbnail1 img").attr("src", "{{ \'"+size+"-side-main-image.png' | asset_img_url: '150x150' }}");
}

这可能吗？我正在处理一千多个图像，并且必须输入每个液体图像 url 才能单独生成。如果我可以动态地做到这一点，我会大大减少代码。谢谢！

Answer 1

 function loadProductThumbnails(size) {
   $(".hammock-thumbnail1 img").attr("src", ""+size+"-side-main-image.png");
 }



 the `src` attribute maybe is not correct?

Answer 2

Liquid 在服务器端呈现，因此您无法将 JS var 集成到 Liquid 字符串中。

您可以使用 {% capture %} 来捕获您的 Liquid var 的一部分，然后在您的函数中将其用作 var。