本期介绍的功能,你的主题 99% 还没有。这既是增强版主题中的一项新功能,同时也作为一期教程,教你如何在自己的主题上进行操作,不论用哪款主题,原理都是通用的。
💡
操作方法见视频演示
Header 页眉部分
创建 section
header-group
Shopify 免费主题通用代码
{
"type": "header",
"name": "Header Group",
"sections": {
"header": {
"type": "header",
"settings": {}
},
"announcement-bar": {
"type": "announcement-bar",
"settings": {}
}
},
"order": ["announcement-bar","header"]
}
极简通用代码
{
"type": "header",
"name": "Header Group",
"sections": {
"header": {
"type": "header",
"settings": {}
}
},
"order": ["header"]
}
Footer 页脚部分
创建 section
footer-group
通用代码
{
"type": "footer",
"name": "Footer Group",
"sections": {
"footer": {
"type": "footer",
"settings": {}
}
},
"order": ["footer"]
}
修改 theme.liquid 中引用
将
{% section 'announcement-bar' %}
{% section 'header' %}
改为
{% sections 'header-group' %}
将
{% section 'footer' %}
改为
{% sections 'footer-group' %}