在变量更改时使用元数据字段值更新DOM元素

使用Slate框架。

我知道有相当多的话题涉及到这一点,但我还没有找到任何似乎对我有用的东西。

我正在使用强调元字段插件创建自定义的元字段。这些确实很容易在我的液体模板中访问;例如:

{% for variant in product.variants %}
  ...
  <p data-variant-ingredients >{{ variant.metafields.product_info.product_ingredients }}</p>
  ...
{% endfor %}

然而,这些变量元字段似乎无法通过后端的Javascript访问,这使我无法通过事件侦听器调用AJAX来更新适当的DOM元素。

我觉得我浪费了很多时间试图解决这个问题,但都没有用。也许我只是想得太多了,但我遇到了麻烦。

非常感谢!

编辑:

这里的部分问题是我对事物呈现的位置的误解。尽管如此,我还是按所有权利滚动了过去,这在 Shopify documentation :

var content = {{ pages.page-handle.content | json }};

我觉得不太清楚 怎样 除了将其转换为“JSON”之外,还使用了其他方法 多亏了Dave,我知道我可以在liquid文件中的任何地方声明JS变量,并有效地将其丢弃,以便在我的主题的javascript文件中访问!

希望这对其他人有所帮助!