Shopify：在 Javascript 中使用来自 {% schema %} 的变量

Question

我有一个使用以下架构的自定义部分：

{% schema %}
  {
    "name": "Custom",
    "settings": [
    {
        "type": "textarea",
        "id": "custom_text_product",
        "label": "Insert name of the product here",
        "default": "Product"
      },
    {
        "type": "textarea",
        "id": "custom_text_msg",
        "label": "Custom text",
        "default": "Insert text here"
      }
    ]
  }
{% endschema %}

基本上我想要的是从每个 textarea 中获取文本，通过 Javascript 进行操作，然后将其添加到 DOM 中。

通过.liquid我会简单地做{{ section.settings.id }}，但我不知道如何在 Javascript 中访问它们。因为它是一个大文本，我也不能将它作为数据属性添加到 DOM 中。

我试过遵循这个，但没有成功。

有人可以帮助我或向我推荐有关这方面的文件吗？

非常感谢！

Answer 1

好的，经过大量研究和评论说这是不可能的，我找到了一种方法。

如果你在一个.liquid文件上，你想将 {% schema %} 变量分配给一个局部.liquid变量，如下所示：

{%- assign product_text = section.settings.custom_text_product -%}

之后，您可以通过以下方式在 Javascript 中访问它：

<script>
  var productText = `{{ product_text }}`;
</script>

我希望它对大家有所帮助。