将js变量与Shopify液体标签一起使用 [英] Use js variable with Shopify liquid tag

问题描述

目前在Shopify中，我们可以创建一个file.js.iquid，该文件允许访问Liquid功能。

<script>
var liquidData = {
  myValue: {{ product.image | asset_url }}
}
</script>

如何在Product.Image的Placeme中使用变量？ 示例：

var myVar = 'something.jpg'
    var liquidData = {
      myValue: {{ myVar | asset_url }}
    }

目前这对我不起作用，它输出的路径是myVar作为字符串，而不是变量。我还尝试了连接，它也将变量名作为字符串读取。有什么想法吗？

推荐答案

您必须记住，液体是在DOM之前执行的。这也适用于Java脚本文件。

Liquid代码是在处理JS文件之前执行的，因此当您创建JS变量并尝试将其传递给Liquid时，因为Liquid完成了它的执行，所以它的执行早在Java开始执行之前很久。

总而言之，您不能从Java脚本或液体传递任何东西，但另一种方法是可能的。

---

那么回到您的问题上来。

应该是这样的：

{% assign myVar = 'something.jpg' %}
var liquidData = {
  myValue: "{{ myVar | asset_url }}"
}

这篇关于将js变量与Shopify液体标签一起使用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！