Shopify: использование переменных из {% schema%} в Javascript

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 %}

По сути, я хочу получить текст из каждой текстовой области, манипулировать с помощью 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>

Надеюсь, это поможет всем.