WooDawn
EN

官方主题源码阅读：Dawn 与 Horizon

Shopify 官方主题 Dawn 与 Horizon 源码阅读路线：沿固定版本从主题基础进入架构、商品页、变体、购买和源码结论校核。

开始前

  • 已理解模板、Section、Block 和基本 JavaScript 事件。
  • Dawn 与 Horizon 分别使用各篇固定的源码基线，不互相推断实现。

本路线以源码阅读为目标。Dawn 与 Horizon 的版本和实验范围分别以单篇声明为准；Horizon 当前覆盖源码关系，尚未完成真实变体、购物车或编辑器验证。

完成主线后，可从Horizon 总览进入集合与搜索、购物车、布局、样式和内容模块；需要独立浏览器案例时继续Dawn 数量控件路线。

按顺序阅读与检查

  1. 建立店面与主题的边界

    必读 · Shopify 店面关系网：从 Template 到内容和主题实现

    完成检查：能区分平台资源、页面组合和主题实现。

  2. 固定研究范围

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

    完成检查：能记录官方 commit 和验证边界。

  3. 阅读 Dawn 的实现案例

    必读 · Dawn 15.3.0 架构：从商品页进入渲染与交互

    完成检查：能指出 Dawn 商品模板与主分区的连接。

  4. 阅读 Horizon 的组织方式

    必读 · Horizon 4.2.0 架构：从页面组合追到浏览器行为

    完成检查：能解释模板、区块与浏览器组件各自的职责。

  5. 追踪商品数据与布局

    必读 · Horizon 商品页：模板、媒体与详情怎样组合

    完成检查：能从模板找到媒体和详情入口。

  6. 追踪异步选择

    必读 · Horizon 变体选择：从选项标记到返回 HTML

    完成检查：能指出请求构造与返回 HTML 的处理位置。

  7. 追踪购买动作

    必读 · Horizon 购买流程：数量、加购与表单协作

    完成检查：能区分按钮反馈、请求成功和购物车结果。

  8. 校核源码结论

    必读 · Horizon 源码阅读：固定版本、条件分支与证据边界

    完成检查：能解释版本、Liquid 条件分组和私有块规则为什么需要核验。

完成后应能交付

  • 能从 JSON 模板追到主区域、子块和浏览器组件。
  • 能区分源码证据、独立实验和店铺运行结果。
  • 能为一次变体切换与购买写出待核验的输入和观察结果。