页面组合方法：从业务任务到平台实现
页面不是把某个平台提供的组件全部摆出来，而是围绕一个业务任务排列功能模块。通用关系是：
内容 × 展现形式 = 可复用页面模块
业务页面 + 有序模块 = 页面组合
页面组合 → 特定平台实现
其中：
功能模块 = 信息来源 × 展现或交互 × 页面语境
信息来源包括可复用内容，也包括当前资源数据、平台状态和交易动作。例如“媒体报道”是内容，“Marquee”是展现形式；“首页品牌主张之后的媒体 Logo Marquee”才是一个具体模块。价格、变体或本地取货直接从当前上下文进入模块，不改写成静态内容类型；Shopify 的实现边界见店面能力模块。
关系节点不要混在一起
| 层次 | 回答的问题 | 示例 |
|---|---|---|
| 业务页面 | 顾客来到什么页面，要完成什么任务 | 首页、商品页、About Us、Contact Us |
| 内容类型 | 页面需要说什么 | 品牌故事、商品信息、媒体报道、FAQ |
| 资源与平台状态 | 页面从当前上下文读取或操作什么 | 价格、变体、库存、本地取货、销售计划 |
| 展现或交互 | 信息怎样被浏览和操作 | Grid、Carousel、Accordion、Product Form |
| 功能模块 | 哪种内容以什么形式出现在什么语境 | 媒体 Logo 墙、评价轮播、FAQ 手风琴 |
| 页面组合 | 多个模块为何按这个顺序出现 | 建立认知、帮助选择、提供证据、消除顾虑、推动行动 |
| 平台实现 | 平台如何保存、渲染并允许商家配置 | Shopify 的 Template、Section、Block、Setting；其他平台使用各自技术 |
先分别使用内容类型、展现模式和功能模块模式形成页面组合。落实到 Shopify 时，再进入Template、业务页面与内容关系网和Template type 与 alternate template。
从页面任务开始组合
- 写出页面唯一的主要任务，以及访客进入时已经知道什么。
- 列出访客必须解决的问题，不从主题现有 Section 名称倒推需求。
- 为每个问题选择有真实资料支撑的内容。
- 根据阅读方式、数量和重要性选择展现形式。
- 删除不能推动任务、重复表达或缺少内容的模块。
- 排列顺序并检查模块之间的过渡与行动目标。
- 最后映射到目标平台的模板、组件、配置和脚本。
拆解一个真实商店时留下什么
不要只保存整页截图。一次可复查的拆解至少形成五份相互关联的清单：
| 产物 | 每项记录什么 | 能回答什么 |
|---|---|---|
| 页面清单 | 页面原型、样例 URL、主要任务、Shopify template type | 商店有哪些页面 |
| 内容清单 | 内容类型、字段、来源、证据与更新责任 | 商店在说什么 |
| 模块清单 | 内容、展现形式、页面位置、状态和替代形式 | 内容怎样变成界面功能 |
| 页面序列 | 模块顺序、每段回答的问题、下一步行动 | 模块怎样形成完整页面 |
| 实现映射 | Template、Section、Block、Setting、CSS/JS 与主题版本 | 页面怎样由 Theme 实现 |
仅观察公开店面时，可以确认页面、内容、展现形式和实际交互，但不能只凭生成后的 HTML 断言主题源码文件名。能够读取固定版本主题代码后，再把实现映射标为已核验；推测和源码事实分开记录。
首页：帮助理解品牌并进入商品
一种品牌发现型首页可以是：
品牌主张 × Hero → 媒体报道 × Logo Marquee → 商品分类 × Image Grid → 特色商品 × Product Cards → 品牌故事 × Image With Text → 用户评价 × Carousel → 常见问题 × Accordion → 订阅邀请 × Inline Form
这不是首页必备清单。品牌没有可核验报道时删除媒体模块；商品很少时直接展示商品，不为凑形式增加分类；购买条件复杂时，关键信息不能全部推迟到 FAQ。完整配方见首页配方。
商品页：围绕当前商品完成判断与购买
一种商品决策型页面可以是：
商品媒体 × Gallery → 标题、价格与变体 × Product Form → 核心卖点 × Icon List → 使用场景 × Media Cards → 规格与配送 × Accordion → 用户评价 × Rating and Reviews → 相关商品 × Product Carousel
商品标题、价格、变体和购买动作来自商品及当前购买上下文，不应作为静态营销文案写死。评价、配送和保证需要真实来源与适用条件。完整配方见商品页入口下的标准商品页、预售与订阅商品页和尺码敏感商品页。
集合、购物车与搜索
集合页围绕“理解范围并筛选商品”（品类集合页、活动与编辑型集合页），集合列表页帮助从多个范围选入口（集合列表页），购物车页核对将要购买的内容与条件（购物车页），搜索结果页把查询词转成可选择的结果（搜索结果页）。它们各自的最小序列与删除条件见对应配方，模块契约见功能模块模式。
About Us、Brand Story 与 Contact Us
这三种业务页面通常都由 Shopify page 模板承载，但任务和模块组合不同：About Us 说明组织事实与可信度，Brand Story 组织品牌缘起，Contact Us 完成问题分流和联系提交。详细映射见常规品牌与联系页面。
内容组件不等于 Theme block
FAQ 描述业务内容，Accordion 描述一种交互表达。FAQ 可以采用 Accordion，也可以静态分组；在 Shopify 实现中，它可能是一个 Section，由多个 section blocks 配置，也可能使用可复用 Theme blocks。
同样，Carousel 是展现模式，Swiper 是可能采用的具体实现。知识文章先说明模式行为，再在固定主题版本里记录源码，不把某个库当成页面内容分类。
怎样判断组合是否成立
- 暂时移除图片，标题与正文是否仍能说明核心信息；
- 每个模块是否回答一个明确问题，是否与前后内容重复；
- 行动入口的目标是否真实存在，完成后是否有反馈；
- 只有零项、一项或很多项时，模块能否合理退化；
- 手机、键盘、减少动态效果和无 JavaScript 状态是否可用；
- 媒体报道、评价、保证等信任内容是否可追溯；
- 页面模板与数据来源是否匹配，没有把商品、Page 或博客数据写死在共享 Section 中。
模块顺序只是待验证假设。只有观察到具体问题、固定比较条件并取得实际结果后，才能判断调整是否改善体验；不能因为加入某个模块就声称提高转化率。
沿六个核心 Template type 逐页练习，见学习路线从顾客任务到核心页面配方。