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中。

我尝试过关注this，但没有成功。

有人可以帮我或者转介我这方面的文件吗？

非常感谢！

Answer 1

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

如果您使用.liquid文件，则需要将{％schema％}变量分配给本地.liquid变量，如下所示：

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

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

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

我希望它能帮助每个人。

Shopify：在Javascript中使用{％schema％}中的变量

1 个答案: