在文件架构中
对于部分,而不是使用一个大的 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 %}