从店面页面到主题实现

开始前

• 能阅读简单 HTML 和 JSON；概念学习无需店铺，实际配置练习需要允许测试的主题副本。

按顺序阅读与检查

1. 列出页面原型并映射模板

   必读 · Shopify Template type 与 alternate template

   完成检查：能解释 About Us、Brand Story 与 Contact Us 为什么都是 page template type。

2. 识别页面需要表达的内容

   必读 · 电商内容类型：先决定说什么

   完成检查：能区分商品、品牌、信任、服务和行动内容。

3. 选择展现形式

   必读 · 电商展现模式：选择地图与阅读入口

   完成检查：能解释 Grid、Carousel、Marquee 与 Accordion 分别适合怎样的阅读任务。

4. 把内容与展现形式组成模块

   必读 · 功能模块模式：信息来源 × 展现或交互

   完成检查：能为同一媒体报道内容提出两种合理形式并说明取舍。

5. 把商品数据与选择任务组成选型模块

   选读 · 商品选型模块：从候选集合到明确选择

   完成检查：能区分筛选、比较、排序和推荐，并说明候选为空、唯一或很多时怎样退化。

6. 把促销承诺连接到购物车结果

   选读 · 促销兑现模块：从优惠承诺到购物车结果

   完成检查：能区分复制、提交、适用和金额更新四种状态。

7. 保持变体与媒体状态一致

   选读 · 变体媒体模块：让选择、图片、视频与 3D 保持一致

   完成检查：能说明切换变体后媒体、价格和购买动作如何指向同一选择。

8. 组织购后支持入口

   选读 · 产品支持导航模块：从型号识别到解决问题

   完成检查：能按型号、阶段和问题把顾客带到正确资源或支持升级。

9. 按顾客问题组合页面

   必读 · 页面组合方法：从业务任务到平台实现

   完成检查：能说明每个模块解决的问题、前后关系和删除条件。

10. 映射到主题渲染结构

    必读 · Layout、Template、Section、Block 与 Snippet

    完成检查：能画出 Layout、Template、Section、Block 与 Snippet 的职责关系。

11. 追踪配置定义到实例值

    必读 · 主题配置与 Schema：从编辑器到页面

    完成检查：能解释设置 ID、Schema 文案与商家输入值的区别。

12. 进入版本化源码研究

    必读 · Shopify 官方主题解析：Dawn 与 Horizon

    完成检查：能记录主题版本、固定源码链接与验证范围。