Skip to main content

第 151 期 在 Header 和 Footer 轻松添加/删除 Shopify 模块和 App

Shopify 店铺运营

更新于 2024-12-02

通过 YouTube 观看本期 Shopify 教程

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"]
}

复制

创建 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' %}

复制