Shopify

Question

我正在尝试使用 javascript 调用 shopify 资产 urls，将字符串动态连接到 liquid 代码中，但它会引发错误。我认为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。

Shopify - Liquid 在 JavaScript 之前处理吗？

Shopify - Does Liquid Process Before JavaScript?

javascript

jquery

liquid