WooDawn
EN

Dawn 15.3.0：从架构到数量控件

基于 Dawn 15.3.0 固定源码理解商品页架构与 QuantityInput 数量控件，重跑 12 项独立浏览器检查，并明确店铺验证边界。

开始前

  • 已理解主题模板、分区和基本 JavaScript 事件。
  • 本路线只研究 Dawn v15.3.0；浏览器实验无需店铺，不包含真实加购或付款。

本路线围绕一个完整的浏览器组件案例组织阅读，不声称覆盖 Dawn 的全部商品页、购物车或店铺行为。源码 commit 为 ecb06c31f1423fced1b3ea6ef7e1cb2143f04e47。

按顺序阅读与检查

  1. 固定研究范围

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

    完成检查：能区分通用概念、固定源码与店铺实测。

  2. 追踪商品页架构

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

    完成检查：能从 product.json 找到分区及数量交互入口。

  3. 复现数量边界

    必读 · Dawn 数量选择器：规则、事件与浏览器验证

    完成检查：能运行实验并解释通过结果的适用范围。

完成后应能交付

  • 记录模板、分区、QuantityInput 和商品信息组件之间的调用关系。
  • 运行 12 项浏览器检查，解释同步事件值与最终值不同的条件。
  • 列出变体切换、编辑器与购物车请求尚需验证的项目。