Sections详解

Sections

1.调用：只可以在layout/theme.liquid中调用

• 下面以header-group为例子

{% sections 'header-group' %}

2.模版装修，可以给sections添加卡片

3.模版装修发布后，将保存到相应的文件：sections/header-group.liquid

4.打开这个文件，将看到相应的内容

• name: sections的名称
• type：sections的type
• order：section的排序
• sections：section的配置

{
    "name": {
        "text": "页头",
        "lang_params": {
            "tw": "Header",
            "en": "頁頭"
        }
    },
    "type": "header",
    "order": [
        "annoucement-m4StTwFROY",
        "header-oPWcuGAeRu"
    ],
    "sections": {}
}

5.sections配置

可以看到sections里面的，是多个section，如下：

{
    "sections": {
        "annoucement-m4StTwFROY": {
            "type": "annoucement",
            "blocks": {},
            "block_order": [
                "announcement_1",
                "item_SBvjGe",
                "item_KjI1bs"
            ],
            "settings": {
                "cardID": "annoucement-m4StTwFROY",
                "visibility": true,
                "container": "w-full",
                "color_scheme": "badge-sale",
                "homepage_only": true,
                "show_close": true,
                "show_divider": false,
                "show_nav": true,
                "autorotate": false,
                "autorotate_speed": 3,
                "custom_css": ""
            },
            "name": {
                "text": "公告栏",
                "lang_params": {
                    "tw": "公告欄",
                    "en": "Announcement bar"
                }
            }
        }
    }
}

关于section值的结构，详细参看：Section-值结构