Shopify-Ja​​vaScript之前是否进行液体处理？

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

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

您可能会做一些事情，例如使用{％capture％}捕获Liquid变量的一部分，然后将其用作var。

Answer 2

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



 the `src` attribute maybe is not correct?