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