在文件架构中

对于部分,而不是使用一个大的 JSON 文件(如 settings_schema.json,而是将它们的模式保留在使用它的部分的文件中。为此,使用 {% schema %} {% endschema %} 标记并在它们之间放置 JSON。从那里,格式类似于 settings_schema.json

{% schema %}
  {
    "name": "Header Banner",
    "settings": [
      {
        "type": "checkbox",
        "id": "banner_enable",
        "label": "Enable Banner",
        "default": false
      },
      {
        "type": "color",
        "id": "banner_color",
        "label": "Banner Background Color",
        "default": "#000000"
      },
      {
        "type": "color",
        "id": "text_color",
        "label": "Banner Text Color",
        "default": "#ffffff"
      },
      {
        "type": "text",
        "id": "banner_text",
        "label": "Banner Text",
        "default": "Welcome to my Section"
      }
    ]
  }
{% endschema %}

要在 HTML / Liquid 代码中使用它,你可以从 section.settings 中获取。就像是:

{% if section.settings.banner_enable %}
  <div class="banner">
    <p>{{ section.settings.banner_text }}</p>
  </div>
{% endif %}