主题如何组合：分区、内容块与内容框
使用 Shopify 主题编辑器添加、排序和嵌套可复用内容块，构建 Zalify Theme 页面。
Zalify Theme 页面在 Shopify 主题编辑器中由两类内容组成：
- 分区（Sections）： 页面中的全宽区域，例如 Hero、Stories、Featured collection、Image with text 和 Footer。通过 Add section 添加，拖动调整顺序。
- 内容块（Blocks）： 分区内部的小单元，例如一段文字、按钮、图片或间隔。通过分区内的 Add block 添加，也可拖动排序。
主题采用小型、可复用的块。多数分区共用同一套内容库，而不是各自设置一套标题、副标题和按钮字段。熟悉八种共享内容块后，就能组合多种分区。
三层结构
1
分区定义显示区域： 背景、高度、配色和间距。
2
布局块决定位置： Content box定位首屏中的内容组；Group 将内容排成行或列；Spacer 调整间距。
3
内容块承载内容： Text、Button、Image、Quote、Accordion。
例如“右侧有标题和按钮的首屏”，结构为 Hero → Slide → Content box（右侧）→ Text + Button。各部分可单独替换、调整样式、排序或删除。
哪些位置可以嵌套块
| 父级 | 可添加内容 |
|---|---|
| Hero | Slide |
| Slide | Content box |
| Content box | 任意共享内容块 |
| Group | 任意共享内容块 |
| Image with text、Rich text、Multicolumn、Custom section | 任意共享内容块 |
| Product | Description、Accordion、Size guide、应用块 |
两项通用规则
- 配色方案： 大多数分区都有 Color scheme 选项。背景、文字、强调色和按钮颜色在主题设置中定义后复用，可集中调整全店风格。
- 分区间距： Section spacing 提供 None / Small / Medium / Large，统一控制垂直留白，无需逐个输入像素值。
Add block 只列出当前位置支持的块。例如 Slide 仅出现在 Hero 中，Content box 仅出现在 Slide 中，商品专用块仅用于商品页。
下一步
- 内容块参考：所有共享块及设置。
- 分区参考：各分区说明。
- 首屏横幅：幻灯片与内容框。
- 商品分区与内容块。
- 主题设置参考。