店面 Template、页面、内容与主题
收录顾客看到的页面、内容与展现形式、功能模块、页面组合和主题实现；商品经营数据、付款和履约规则归对应业务专题。
真实店面不是一棵单向目录树。先用Template、业务页面与内容关系网连接平台模板、可选 alternate、具体页面与可复用内容，再进入展现、模块、组合和源码实现。
四个分析入口
- Template 与业务页面：从 Shopify Template type 进入可选 alternate 和具体业务页面。
- 内容、展现与功能模块：先区分“说什么”和“怎样呈现”，再研究二者的有效组合。
- 页面组合模式：按顾客问题排列模块，解释每个位置的作用与替代方案。
- 官方主题解析：在固定 Dawn/Horizon 版本中追踪真实代码实现。
从概念进入实现
Shopify 店面关系网串联整套方法。资源数据、平台状态和交易动作进入店面能力模块；Header、Footer 与公告栏进入全局店面区域。主题店面与 Headless 的取舍见 Headless。筛选、搜索与商品推荐的平台配置见 Search & Discovery。需要实现和交付时，再进入主题架构、配置与 Schema、布局、SEO 框架和Theme 交付框架。
学习路线：从顾客任务到核心页面配方、展现形式的选择与无障碍、店面背后的 Shopify 平台机制、用固定主题版本核对一个模块。
本专题文章
Shopify Template、业务页面与内容关系网
以 Template type 为入口，连接可选 alternate template、具体业务页面和可复用内容类型。
Shopify 店面关系网：从 Template 到内容和主题实现
从 Template type、alternate template、业务页面和内容类型的网状关系进入展现、模块、页面组合与源码。
Shopify Template type 与 alternate template
从 Shopify Template type 出发，说明默认模板、可选 alternate、关联资源和具体业务页面之间的关系。
电商内容类型：先决定说什么
将 28 种跨平台的品牌、商品、证据、顾虑与关系内容从布局和平台实现中分离，并逐项说明资料、语境、证据与误用。
电商展现模式：选择地图与阅读入口
电商展现模式选择地图：从空间布局、阅读交互和运动节奏三个维度比较 Grid、Tabs、Carousel、Marquee 等模式的用途与首要风险。
功能模块模式：信息来源 × 展现或交互
将可复用内容、资源数据或平台状态与展现、交互模式组合成跨平台模块，并说明页面语境、状态、替代形式和实现边界。
店面能力模块：从平台状态到页面交互
将本地取货、单位价格、富媒体、销售计划与分享等能力归入资源数据、平台状态和页面动作，而不是新增编辑内容类型。
全局店面区域：Header、Footer 与 Section Group
区分跨页面区域、其中的功能模块和 Shopify Section Group 实现，避免把 Header、Footer、Announcement bar 与普通业务页面混在一起。
页面组合方法：从业务任务到平台实现
页面组合方法说明如何从业务任务出发，把内容类型、展现形式和页面语境组成有序功能模块，再映射到 Shopify Template、Section 与 Block。
店面 SEO 框架：页面内容、元数据与 Theme 输出
将 SEO 拆成页面任务、可维护元数据、机器可读表达和实际抓取验证，不把 JSON-LD 当成孤立内容类型。
Shopify Theme 交付框架：范围、开发与验收
Shopify Theme 交付框架：从产品范围、页面矩阵、模块契约到编辑体验、实现与验收，形成可复查的流程，并说明 Theme Store 清单何时适用。
Search & Discovery：筛选、推荐与搜索设置
说明 Shopify Search & Discovery 应用管理的三类能力：集合与搜索页筛选、商品推荐（related 与 complementary）、搜索设置与商品提升，以及它们与主题、Liquid、Ajax 和 Storefront API 的连接和官方给出的数值上限。
Headless：Storefront API、Hydrogen 与主题店面的取舍
说明 Headless 与主题店面的边界：Storefront API 承担的商品与购物车数据、跳转到 Shopify 结账的方式、Hydrogen 与 Oxygen 的定位、Headless 销售渠道的令牌管理，以及主题层能力、SEO、重定向与结账域名需要自行核对的地方。
导航菜单与链接列表：Menus、层级与主题呈现
说明 Shopify Content > Menus 里的菜单与菜单项、链接目标类型、层级深度上限，以及 Liquid 的 linklists、linklist、link 对象怎样把菜单交给主题，并给出把新页面加入菜单与验证页头页脚的步骤。
翻译与本地化：语言、市场与店面内容翻译
说明 Shopify 店铺语言的添加、发布与删除，Translate & Adapt 应用的定位，可翻译资源，主题 locale 文件与店面内容翻译的分工，语言与 Markets 的关系，以及 hreflang、URL handle 和机器翻译复核的官方说法。
主题管理：主题库、发布、回滚与版本
梳理 Shopify 主题库里的添加、预览、复制、发布、下载与删除，主题数量上限，官方页面对回滚与主题版本更新的表述，以及代码编辑器、Shopify CLI 与 GitHub 集成各自的边界。
店面性能：Web Vitals、图片与应用脚本
说明 Shopify 后台 Web performance 报告的数据来源、周期与 LCP、INP、CLS 的分级，整理官方对图片、应用脚本与主题代码的性能建议，并把结论对应到滚动显现、吸顶栏、轮播等展现形式的取舍。
店铺偏好：标题描述、密码保护与社交分享图
说明 Shopify 后台 Online Store 的 Preferences 页管什么：首页标题与元描述、社交分享图的来源优先级、Favicon 的位置、密码保护（private mode）与密码页模板、私有模式对搜索引擎和渠道接入的影响，以及像素与隐私设置各自的入口。
Shopify Article 文章页配方索引
从 article template type 进入购买指南与使用指南两种文章配方，说明按读者阶段选择配方的判据、alternate 模板的分配方式、article 模板与对象的已核验约束，并链接博客与文章的字段来源说明。
Shopify 购买指南文章配方
从 article template type 出发，说明帮助顾客比较与选择的购买指南文章：选型维度、比较表、推荐依据与利益披露、相关商品卡、订阅邀请，写清什么时候删模块，以及如何避免把促销伪装成指南，并落到 Shopify Theme 实现。
Shopify 使用指南文章配方
从 article template type 出发，说明使用、保养与故障排查类文章的步骤结构、前置条件与所需物品、图片与视频、FAQ 回链、支持升级入口，并记录 Google HowTo 富结果已停用的核验结果与文章结构化数据的官方口径。
博客、文章与普通页面的内容结构
区分 Shopify 博客列表、文章详情与普通页面的内容责任，说明 blog 与 article 模板的字段来源、阅读任务、空状态和配置检查。
Shopify 购物车页（cart）配方
从 cart template type 出发，说明 /cart 页面与购物车抽屉两种入口的页面组成：行项目与平台金额、折扣与运费预估、免运费进度、追加购买、配送支付与退换摘要、客服入口、空车状态，以及结账不属于主题模板的边界。
Shopify Collection 集合页配方索引
从 collection template type 进入品类集合页与活动或编辑型集合页，先判断是否需要 alternate template，再查页面内容、模块组合与 Theme 实现。
Shopify 活动与编辑型集合页配方
由活动或编辑主题驱动的 collection 页面配方：先判断用集合还是 Page 承载，再组织活动主张、促销兑现、倒计时、精选商品与活动结束后的退化。
Shopify 品类集合页配方
从 collection template type 出发，组织品类集合页的集合说明、筛选浏览、商品卡、选型指南与相关内容，并给出空结果、售罄与 Theme 实现的取舍。
Shopify 首页（index）配方
从 Shopify index template type 进入店面首页，比较品牌发现型与商品直达型两种页面组成，明确内容来源、模块顺序、退化方式与 Theme 实现。
Shopify 集合列表页（list-collections）配方
从 Shopify list-collections template type 进入 /collections，说明顾客如何从多个商品范围中选入口，并处理空集合、重复分类、搜索入口与首页分类模块的分工。
Shopify Page 业务页面配方索引
从 page template type 进入 About Us、Contact Us、FAQ 等业务页面，再查页面内容、展现形式和 Theme 实现。
Shopify About Us 页面配方
从 page template type 出发，确定 About Us 的核心内容、展现组合与 Shopify Theme 实现。
Shopify Brand Story 页面配方
从 page template type 出发，组织品牌缘起、关键选择、证据与 Theme 页面实现。
Shopify Campaign Landing 页面配方
从 page template type 出发，组织活动主张、商品、证据、限制、行动与 Theme 页面实现。
Shopify Contact Us 页面配方
从 page template type 出发，设计问题分流、联系表单、反馈状态与 Shopify Theme 实现。
Shopify FAQ 页面配方
从 page template type 出发，组织问题分类、答案证据、展现形式与 FAQ 页面实现。
Shopify 会员与奖励计划页面配方
从 page template type 出发，设计会员、积分与推荐有礼的说明页：规则完整披露、与折扣、礼品卡和店铺储值的边界、FAQ、加入入口、条款与有效期，并说明没有真实运营的计划为何不该建页。
Shopify 订单追踪页面配方
从 page template type 出发，说明订单追踪说明页如何引导顾客使用订单状态页、发货邮件与 Shop app 查询发货状态，处理无追踪号与延迟，划清主题与结账的边界，并对订单号加邮箱查询的隐私风险标注合规确认。
Shopify 政策页面配方：隐私、退款、配送与服务条款
从 page template type 出发，说明政策中心页如何组织隐私、退款、配送、服务条款与订阅条款：Settings > Policies 的六类政策与展示位置、摘要与正式条款的分工、Cookie 同意与隐私政策的关系、更新日期与版本、与配送退换页的分工。
Shopify Press 媒体页配方
从 page template type 出发，设计面向媒体与合作方的 Press 页面：报道台账、数据证明、资质、品牌简介与素材包、媒体联系入口，以及何时不需要独立 Press 页和与 About Us 的分工。
Shopify 评价墙页面配方
从 page template type 出发，设计店铺级独立评价页：自有评价、第三方平台评价、用户生成内容与证据条如何分区且不混算，何时需要独立评价页而不是商品页评价区，以及 Shopify 上评价数据能否在 Page 中展示的已核验事实。
Shopify Shipping & Returns 页面配方
从 page template type 出发，组织配送、退换条件、办理步骤和 Theme 页面实现。
Shopify Size Guide 页面配方
从 page template type 出发，组织测量方法、尺码数据、适用商品和 Theme 页面实现。
Shopify Store Locator 页面配方
从 page template type 出发，组织门店地点、营业状态、筛选、地图与 Theme 页面实现。
Shopify Product 商品页配方索引
从 product template type 进入标准商品页、预售与订阅商品页、尺码敏感商品页，再查页面内容、模块组合、alternate 分配与 Theme 实现。
Shopify 尺码敏感商品页配方
从 product template type 出发，为服饰、鞋、可穿戴与需要兼容型号的商品组织尺码与适配指引、规格表、变体库存、退换摘要和评价中的尺码反馈，并划清与 Size Guide 页面的分工。
Shopify 预售与订阅商品页配方
从 product template type 出发，说明销售计划驱动的预售与订阅商品页与标准商品页的差异：发货与扣款条款、取消与暂停入口、删除条件与 Shopify Theme 实现。
Shopify 标准商品页配方
从 product template type 出发，围绕当前商品完成判断与购买，确定媒体、购买区、规格、评价与相关商品的组合、删除条件和 Shopify Theme 实现。
Shopify 搜索结果页（search）配方
从 search template type 出发，说明 /search 结果页的页面组成：搜索框与建议、结果列表与筛选排序、商品页面文章混合结果的处理、无结果页的下一步、搜索词日志作为需求来源，以及与集合页的差异、共用部分和隐私边界。
Shopify 生态与知识库阅读导引
Shopify 知识库阅读导引：用生态关系、商家后台、域名路由三种视图和业务能力框架组织问题，并区分有依据结论与待核验内容。
Shopify 知识库如何组织与核验
Shopify 知识库如何组织与核验：以业务对象和平台能力组织正文，按概念、操作、比较、排查、实验五类写作，并附来源与核验日期。
URL 重定向：旧地址迁移与结果验证
Shopify URL 重定向：记录旧地址、目标地址与适用限制，说明重定向只对失效 URL 生效，并给出区分路由问题的验证步骤。
Layout、Template、Section、Block 与 Snippet
Shopify 主题 Layout、Template、Section、Block 与 Snippet：把目录转成渲染关系，区分页面骨架、可配置区域和复用代码。
店面布局：全宽背景、居中内容与商品网格
店面布局 CSS：用三列 Grid 实现全宽背景与居中内容，用 auto-fit 构建商品卡片网格，并给出宽度决策与小屏检查方法。
主题国际化：店面文本与编辑器文本
Shopify 主题国际化：区分 Storefront locale 与 Schema locale 两类文件、翻译键与商家内容，避免只翻译店面或编辑器一侧。
主题配置与 Schema：从编辑器到页面
Shopify 主题配置与 Schema：以标题分区示例说明设置定义、保存值、输入类型与 Liquid 渲染的关系，并给出编辑器验证步骤。
Dawn 的无障碍写法：details 增强、焦点管理、状态播报与 combobox
基于 Dawn v15.3.0 源码，横向整理跳转链接、details 与 summary 的渐进增强、trapFocus 焦点循环与返还、共享描述文本、状态区播报、预测搜索 combobox 与减少动态，并指出焦点集合不更新、正则未转义等问题。
Dawn 15.3.0 架构：从商品页进入渲染与交互
Dawn 15.3.0 主题架构：以固定源码从商品页追踪 Layout、模板、分区、片段与浏览器组件的协作，并说明未经店铺验证的范围。
Dawn 商品页购买区：价格、变体、加购按钮与库存状态
基于 Dawn v15.3.0 源码，追踪商品页价格、变体选择器、加购与动态结账按钮、product-form 请求、库存与低库存提示、本地取货和售罄状态，并对照通用购买区与到货通知契约列出差距与未内置项。
Dawn 购物车：抽屉、加购通知与购物车页的更新链
基于 Dawn v15.3.0 源码，追踪 cart_type 设置如何在购物车抽屉、加购通知与购物车页之间分叉，梳理 Section Rendering 更新链、空车分支、数量更新与错误处理，并对照通用抽屉与 Toast 契约列出差距。
Dawn 色彩方案：Liquid 把商家配置编译成 CSS 变量
基于 Dawn v15.3.0 源码，拆解 color_scheme_group 设置如何在 theme.liquid 中循环生成 .color-* 类与 RGB 三元组变量，分区如何套用方案与渐变，服务端如何预先计算对比色，以及这种设计令牌方案的取舍与限制。
Dawn 内容分区与动效：轮播、折叠、横幅与滚动显现
基于 Dawn v15.3.0 源码，列出 slideshow、collapsible-content、multicolumn、image-banner、image-with-text、video、rich-text、collage 对应的通用展现，并核对轮播自动播放、键盘、减少动态与滚动显现动画的实现差距。
Dawn 的组件组织：Custom Elements 加 25 行 pubsub
基于 Dawn v15.3.0 源码，分析不使用前端框架时 Dawn 如何用轻 DOM 自定义元素承载服务端 HTML、用 25 行发布订阅连接商品页与购物车，以及 Promise.all 等待订阅者、生命周期退订的写法和一处订阅泄漏、异常中断渲染的风险。
Dawn 筛选、排序与分页：分区请求、URL 与移动抽屉
基于 Dawn v15.3.0 固定源码，追踪集合页与搜索页的筛选表单、Section Rendering 局部刷新、pushState URL、已选条件移除、价格区间、移动筛选抽屉与分页，并对照通用契约列出差距。
Dawn 页头与导航：下拉菜单、抽屉、公告栏与吸顶
基于 Dawn v15.3.0 固定源码，追踪页头分区组、下拉与 Mega Menu、移动抽屉菜单、公告栏和吸顶页头脚本，说明面包屑的搜索结果，并对照导航契约的 ARIA 与键盘要求列出差距。
Dawn 的 HTMLUpdateUtility：替换 DOM 时要处理的四件事
基于 Dawn v15.3.0 源码，逐行拆解 HTMLUpdateUtility 的双缓冲替换、旧节点 ID 去重、脚本重建与前后处理钩子，说明它为什么只用在商品信息区，以及 500ms 延迟删除、只改旧节点 ID 等写法的取舍。
Dawn 的加载策略：按分区引入资源、首屏图片与按需媒体
基于 Dawn v15.3.0 源码，整理分区级 CSS 与 JS 按条件引入、非关键样式异步加载、字体预连接与预加载、srcset 与 sizes、首屏图片立即加载与 fetchpriority、视频与 3D 延迟挂载、推荐区提前加载，以及 CartPerformance 埋点和几处失效的优化。
Dawn 邮件订阅、商品徽章与评分星：表单与卡片实现
基于 Dawn v15.3.0 源码，梳理邮件订阅表单在 newsletter、email-signup-banner 与页脚中的实现和成功错误状态，商品卡与价格中的售罄折扣徽章，以及依赖 reviews 元字段的评分星，并如实说明未内置评价列表。
Dawn 预测搜索：建议请求、键盘行为与结果页
基于 Dawn v15.3.0 固定源码，追踪页头搜索弹层、predictive-search 元素、/search/suggest 分区请求、combobox 标记、键盘与状态播报，并对照站内搜索契约列出差距。
Dawn 商品媒体：图库、变体联动与放大浏览
基于 Dawn v15.3.0 源码，追踪商品页媒体图库、缩略图、变体切换时的媒体联动、放大 Modal，以及视频与 3D 模型的按需加载和无障碍实现，并对照通用图库要求列出差距。
Dawn 数量选择器：规则、事件与浏览器验证
Dawn 数量选择器 QuantityInput：追踪加减与 min、data-min 边界逻辑，用独立浏览器实验复现同步 change 事件值的差异。
Dawn 商品推荐：相关商品、搭配商品与空结果行为
基于 Dawn v15.3.0 源码，追踪 related-products 分区与 main-product 内置 complementary 搭配区块怎样请求推荐端点、渲染网格或分页滑块、处理空结果，并对照通用交叉销售、Carousel 与 Grid 契约列出差距。
Dawn 的 Section Rendering 用法：前端拿 HTML，不拿 JSON
基于 Dawn v15.3.0 源码，横向对比变体切换、商品推荐、筛选、预测搜索与购物车六处局部刷新，拆解 section_id 与 sections 两种取法、getSectionsToRender 约定和它带来的重复请求、缓存与乱序代价。
Dawn 怎样适配主题编辑器：设计模式、编辑器事件与重渲染清理
基于 Dawn v15.3.0 源码，梳理 request.design_mode 与 Shopify.designMode 的分工、theme-editor.js 对区块选中与分区加载卸载事件的处理、挪到 body 的弹窗如何清理、滚动动画在编辑器中的降级，以及重复加载脚本等问题。
Dawn 变体切换的局部更新协议：option_values、ID 约定与快速加购复用
基于 Dawn v15.3.0 源码，拆解 product-info 如何不下发变体矩阵、改用 option_values 让服务端选出变体，如何用 ID 后缀约定把同一份分区 HTML 复用到快速加购弹窗，以及中止请求、焦点恢复与媒体对齐的写法和遗留问题。
Horizon 的加购竞态处理：变体切换未完成时点击加入购物车
基于 Horizon 4.2.0 源码，拆解用户刚切换变体、分区请求尚未返回就点击加购时的处理：携带 promise 的 ProductSelectEvent、代次计数、意图快照队列、纯函数变体解析、按新变体重新校正数量与批量提交，以及入队即播动画等值得商榷之处。
Horizon 4.2.0 架构：从页面组合追到浏览器行为
基于 Horizon 4.2.0 固定源码，从商品模板追到 Section、Theme Block、Snippet 与浏览器组件的协作，并给出按任务继续阅读的入口。
Horizon 徽章、评分与订阅表单：内置能力与缺口
基于 Horizon 4.2.0 源码核查商品徽章、评分星标、邮件订阅表单的实现，并以全仓库搜索给出倒计时、尺码表、评论列表和弹窗订阅未内置的依据，对照通用页面列出差距。
Horizon 购买流程：数量、加购与表单协作
基于 Horizon 4.2.0 源码，拆解 Shopify 购买区的数量选择、加购提交与加速结账，说明变体切换中的加购排队和数量约束该怎样验证。
Horizon 购物车：页面、抽屉与数量更新
基于 Horizon 4.2.0 源码，追踪 Shopify 购物车页面与抽屉怎样共享条目组件、处理数量更新和分区刷新，并列出空车等验证场景。
Horizon 集合与搜索：结果、筛选和分页的分工
基于 Horizon 4.2.0 源码，区分 Shopify 集合页与搜索结果页的数据来源、商品网格、筛选 URL 和分页控制器，以及预测搜索入口。
Horizon 的 Web Components 基类：ref 收集、on: 事件委托与升级竞态
基于 Horizon 4.2.0 源码，拆解不依赖框架的 Component 基类：ref 自动收集与归属判断、on: 属性的全局事件委托、自定义元素升级竞态、声明式 Shadow DOM 补水，以及 updatedCallback 与 morph 的配合和其中的疑点。
Horizon 内容模块：容器、媒体与业务表单
基于 Horizon 4.2.0 源码，区分通用容器、Hero 媒体、Page 与博客正文和联系表单的职责，说明各类内容模块的选择与验证重点。
Horizon 筛选、排序与分页：分区刷新、URL 状态与无限滚动
基于 Horizon 4.2.0 源码，拆解 Shopify 集合与搜索结果页的筛选表单、URL 与分区刷新、已选条件移除、移动端抽屉、排序，以及默认无限滚动与普通分页的差别，并对照通用模块列出差距。
Horizon 页眉导航：Mega Menu、移动抽屉、吸顶与公告栏
基于 Horizon 4.2.0 静态源码，拆解页眉分区组中的公告栏、桌面 Mega Menu、移动端菜单抽屉与吸顶滚动逻辑，并对照通用导航与抽屉契约列出无障碍差距。
Horizon 的带键延迟水合：只更新 data-hydration-key 标记的节点
基于 Horizon 4.2.0 源码，拆解 morph 的 hydration 模式：只按 data-hydration-key 匹配、不插入不删除的契约，商品推荐、购物车抽屉与页眉三个使用场景，页眉首屏省掉精选商品的分支，以及这种两段式渲染的局限。
Horizon 布局与导航：页面外壳和全站区域
基于 Horizon 4.2.0 源码，解释 Shopify 布局文件、页眉页脚分区组、首屏页眉测量与脚本加载的边界，并说明导航改动需跨页面验证。
Horizon 的布局抖动治理：按需测量、读写分批与帧级调度
基于 Horizon 4.2.0 源码，整理一组避免强制同步布局的做法：首帧前按需测量页眉高度、从 IntersectionObserver 取得尺寸、变体选择器读写分批、跳过首次回调的 ResizeNotifier、等待过渡的 Scheduler、让出主线程，以及用 CSS 动画合成实现飞入购物车弧线。
Horizon 的服务端对比色：用 Liquid 颜色过滤器推导文字与派生色
基于 Horizon 4.2.0 源码，拆解区块自定义背景色时的服务端对比色推导：调色板最亮与最暗色、contrast-override 的三级文字色回退与边框回退、按亮度切换的透明度令牌、悬停色推导、背景媒体时跳过对比，以及亮度阈值和预设说明与实现不符等问题。
Horizon 跑马灯、幻灯片与滚动动画：自动播放、控制与减少动态
基于 Horizon 4.2.0 源码，拆解跑马灯、幻灯片、卡片轮播、分层幻灯片与 Hero 的自动播放、暂停控制、键盘与 aria 处理，并核查主题是否内置滚动显现，对照通用页面列出减少动态差距。
Horizon 商品媒体放大与热点：画廊、缩放对话框与 Shop the look
基于 Horizon 4.2.0 源码，追踪商品画廊的媒体排序、放大对话框、视频与 3D 加载，以及 product-hotspots 的坐标、触屏退化和售罄状态，并对照通用页面列出无障碍与退化差距。
Horizon 预测搜索：搜索弹窗、分区请求与键盘交互
基于 Horizon 4.2.0 源码，追踪 Shopify 预测搜索从头部按钮、dialog 弹窗、分区渲染请求到结果面板的全链路，并对照站内搜索模块列出空状态、键盘、aria 与请求失败处理的差距。
Horizon 商品卡：上下文、子内容与快速购买
基于 Horizon 4.2.0 源码，解释商品循环怎样把商品传入 Shopify 商品卡，以及快速购买为何要继续读 JavaScript 中的缓存与跳转处理。
Horizon 商品页：模板、媒体与详情怎样组合
基于 Horizon 4.2.0 源码，追踪 Shopify 商品页从 JSON 模板到 Section 的上下文传递、媒体与详情布局委托及吸底购买条入口。
Horizon 源码阅读：固定版本、条件分支与证据边界
说明阅读 Horizon 源码时怎样固定版本与 commit、按 Liquid 求值顺序读条件分支，避免把未固定版本的资料、文件命名或静态检查当成平台规则。
Horizon 商品推荐：分区请求、intent 与空结果回退
基于 Horizon 4.2.0 源码，说明商品页推荐区块如何用分区渲染接口按 related 或 complementary 取回商品、怎样为空时回退或隐藏，以及与商品卡、轮播的关系，并对照交叉销售模块列出差距。
Horizon 的分区刷新与 morph：SectionRenderer 的并发控制和 DOM 合并
基于 Horizon 4.2.0 源码，拆解 SectionRenderer 与自研 morph：同分区请求取消与结果复用、排序后的缓存键、首屏预存缓存与有限的请求去重，morph 的表单状态同步、编辑中保护、运行时状态保留与跳过开关，以及几处值得商榷的耦合。
Horizon 吸底加购与可售状态：库存文案、取货与加购反馈
基于 Horizon 4.2.0 静态源码，说明商品页吸底加购栏的显示条件、购买区可售与库存文案、门店取货可用性、加购成功与失败反馈，并对照通用契约列出缺口。
Horizon 样式机制：全局变量、实例配置与组件 CSS
基于 Horizon 4.2.0 源码，沿全局颜色变量、实例间距与尺寸片段和组件 CSS，追踪 Shopify 主题外观设置怎样生效及共享片段的修改范围。
Horizon 变体选择：从选项标记到返回 HTML
基于 Horizon 4.2.0 源码，从选择器 Liquid、请求 URL 到异步返回 HTML，追踪 Shopify 变体切换怎样更新购买按钮与数量状态。
Horizon 的跨文档 View Transitions：渲染阻塞、放弃条件与 WebView 黑名单
基于 Horizon 4.2.0 源码，拆解多页面主题里的跨文档 View Transitions：按设置输出的 opt-in、等主内容的 render blocking 与 1.8 秒上限、不可能过渡时立即放手、用户交互即跳过、按类型切换动画并跨页传递，以及内嵌 WebView 黑名单与页面内过渡。
Impact 的四个行为组件：超高 sticky、滚动阴影、视觉行拆分与可暂停计时器
精读 Impact 7.2.0 中四个小型自定义元素：让比视口还高的 sticky 元素可以完整滚动的 SafeSticky，按剩余滚动距离渐隐的 ScrollShadow，按视觉行拆分文字的 SplitLines，以及标签页切到后台时自动暂停的 Player。
Impact 的购物车事件总线：加购方不需要知道谁在等结果
Impact 7.2.0 用 cart:prepare-bundled-sections 事件让购物车抽屉等组件自报要刷新的 section，加购一次请求就拿回全部 HTML，再通过 variant:add 与 cart:change 分发，并用 Promise 单例和 bfcache 处理保持数量一致。
Impact 的对话框基类：一个 DialogElement 派生出所有浮层
Impact 7.2.0 以 open 属性作为唯一状态来源，在 DialogElement 中统一处理 aria-expanded、inert、焦点陷阱、多层滚动锁定、触屏外部点击与 Theme Editor 事件，再由 Shadow DOM 模板派生抽屉和弹层。
Impact 7.2.0 源码精读：六个值得借鉴的实现
Impact 7.2.0 主题源码精读系列入口：间距折叠、变体预取与局部重渲染、购物车事件、对话框基类、行为小组件和媒体懒加载六个实现的阅读顺序与研究边界。
Impact 的媒体懒加载：用 Proxy 包装异步加载的播放器
Impact 7.2.0 的 BaseMedia 用 Proxy 把尚未加载的 YouTube、Vimeo、原生视频与 3D 模型播放器包装成可直接调用的对象，配合 template 延迟创建 iframe、同组互斥播放和低电量模式下的自动播放降级。
Impact 的间距折叠：用 CSS 数学判断相邻 section 背景是否相同
Impact 7.2.0 如何用 Liquid 把背景色转成数字哈希，借相邻兄弟选择器传给下一个 section，再用 calc、min、max 算出布尔值来决定顶部间距，避免同背景 section 出现双倍留白。
Impact 的变体切换：服务端重渲染、预取与按区块局部替换
Impact 7.2.0 切换商品变体时不在前端拼价格和库存，而是用 option_values 与 section_id 请求 Shopify 渲染好的 HTML，在视口可见和悬停时预取，并按区块类型局部替换以保留数量与焦点。
Shopify 官方主题解析：Dawn 与 Horizon
Shopify 官方主题 Dawn 与 Horizon 的源码研究入口：先完成主题基础，再按固定版本或 commit 分析功能、配置与交互，并说明各自验证范围。
Dawn 与 Horizon 对通用展现和功能模块的覆盖矩阵
汇总 Dawn v15.3.0 与 Horizon 4.2.0 在固定提交中对新增展现形式和功能模块的覆盖：哪些内置、哪些在全仓库搜索中未找到、哪些尚未核对，并指向各功能域源码解读。