EN
Shopify 知识库 · 概念

全局店面区域:Header、Footer 与 Section Group

区分跨页面区域、其中的功能模块和 Shopify Section Group 实现,避免把 Header、Footer、Announcement bar 与普通业务页面混在一起。

Header 和 Footer 通常跨多个业务页面存在,但它们不是 Template type,也不是独立业务页面。它们是全局店面区域;区域内部再组合导航、品牌标识、公告、搜索、账户入口、政策链接或订阅等功能模块。

四层不要混写

层次回答的问题示例
全局区域哪些页面共享这一片界面职责Header、Footer
功能模块区域中具体完成什么任务主导航、公告、搜索入口、订阅表单
展现形式模块怎样被浏览和操作横向导航、抽屉、列表、Inline Form
Theme 实现商家怎样配置和排列这些模块Layout、Section Group、Section、Block、Setting

Shopify Section Group 是 Layout 可渲染的一组 Sections,并允许商家在对应区域添加、移除和排序分区。它属于 Theme 实现层,不等于 Header 或 Footer 的业务内容。

区域框架

先定义跨页面导航与身份识别任务,再决定是否包含公告、搜索、账户、地区或购物车入口。菜单高度等尺寸取决于设备、字号和主题基线,不宜写成脱离主题的固定规格。

先列出必须长期可达的帮助、政策、联系和品牌入口,再判断是否加入订阅或社交模块。Footer 不应成为无法归类链接的堆放区。

Announcement bar

公告栏是全局区域中的可选模块,不是独立内容类型。其内容可来自核心主张或促销,但必须带适用范围、有效期、目标链接和过期处理。

Aside

Aside 只描述相对主内容的辅助区域。它可能属于文章目录、筛选、购物车摘要或其他页面模块,并不天然跨页面;必须先确定页面任务,再决定是否进入全局区域或具体页面组合。

后续实例需要补什么

  • 区域出现在哪些 Template type 和业务页面;
  • 内部模块的内容来源、顺序与删除条件;
  • 小屏、键盘、焦点、粘性状态和减少动态效果;
  • 零项、一项、多项及菜单过长时的退化;
  • 固定 Theme 版本中的 Layout、Section Group 与 Section 映射;
  • Theme 更新时设置迁移和真实编辑器操作结果。

页面主体继续按页面组合方法分析;代码职责见主题结构与渲染关系。