在檔案架構中

對於部分,而不是使用一個大的 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 %}