2026年10月19日星期一 独立的电商情报
Storefront Daily.

关于 Shopify 与电商的报道与研究

主题拆解

Dawn vs Horizon:每个分区与设置项,逐一统计

我们安装了这两款免费的 Shopify 主题,并阅读了它们的源代码。Dawn 提供 45 个可编辑分区和 475 项设置。Horizon 提供 39 个分区,背后由 95 个可复用区块支撑,共约 1,476 项设置。以下是这两款主题各自真正能搭建出什么,以及内置功能悄悄替代掉的每年约 $2,000 的应用订阅费用。

作者 Storefront Daily 研究组  ·  2026年7月28日  ·  7 分钟阅读  ·  由 AI 依据来源数据撰写


几乎所有对比 Shopify 主题的文章都是同一个套路:有人读一遍 Theme Store 页面上的描述,把功能要点用自己的话重写一遍,然后发布出去。没有人真正安装过这个主题,也没有人真正统计过任何东西。

所以我们做了这件枯燥的事。我们拉取了 Shopify 两款免费官方主题 Dawn 和 Horizon 的完整源代码,读了每一个分区文件,统计了分区数量、分区内的设置项,以及可以放入其中的区块。然后我们打开了两个真实的演示店铺,拍下了实际的分区截图。这就是这两款主题真正能给店主带来的东西——用测量代替描述。

完整方法说明:我们读了什么、如何统计

我们在 2026 年 7 月 15 日用 git clone --depth 1 克隆了这两个公开仓库 github.com/Shopify/dawn 和 github.com/Shopify/horizon,取的是各自默认分支上的最新提交。

对于每个主题 sections/ 文件夹中的每一个文件,以及 Horizon 的 blocks/ 文件夹中的每一个文件,我们提取了其中的 JSON {% schema %} 代码块。所谓“设置项”,指的是模式(schema)中任何带有 id 的条目,也就是商家真正可以在主题编辑器中修改的东西。我们没有统计标题和段落标签,因为它们没有 id,只是在编辑器中添加间隔文字。分区和区块的显示名称来自各主题的 locales/en.default.schema.json 文件,这是 Shopify 存放 t: 键所指向的可读名称的地方。

“独有 vs 共有”的统计是比较两款主题中可读的分区名称。这是一种标签层面的比较,因此某个分区如果功能相似但名称不同,也会被算作独有。我们在正文中标注了这些值得注意的情况。

店铺前台截图取自官方演示店铺 theme-dawn-demo.myshopify.com 和 theme-horizon-demo.myshopify.com,拍摄于 2026 年 7 月,宽度为 1400px。

应用价格是 2026 年 7 月 15 日各应用在 Shopify App Store 页面上显示的套餐价格,直接从产品页面读取。价格经常变动,因此请将其视为 2026 年 7 月的快照。只有在能够在实际页面上核实的情况下,我们才会把数字填入节省费用表格中。

核心数字总览

以下是每款主题四个数字的完整对比。

我们统计的内容DawnHorizon
源代码中的分区文件数5340
商家可编辑分区数4539
分区层面的设置项324409
可复用区块文件数095
区块内的设置项1511,067
可配置设置项总数475约 1,476

第一个令人意外的地方是,Dawn 的分区文件数量更多,但 Horizon 暴露的设置项却是它的三倍。这个差距道出了这两款主题构建方式的全部故事,而这一切都可以归结为一个词:区块(blocks)。

Dawn 的区块存在于其所属的父分区内部。Dawn 的 Featured product 分区里的区块,只存在于 Featured product 之中,你无法把它们挪到别处使用。Dawn 一共有 55 个这样的内联区块定义,包含 151 项设置。

Horizon 则彻底颠覆了这套模式。它有 95 个独立存在的区块文件,可以被放进许多不同的分区中。一个 Text 区块、一个 Image 区块、一个 Button 区块、一个 Accordion 区块、一个 Comparison slider 区块:你通过堆叠这些区块来搭建一个分区,而同一个区块既可以用在 hero 里,也可以用在产品页面上,或者用在页脚中。这就是为什么 Horizon 需要的分区文件更少,却携带了远远更多的设置项。这些构建区块是共享的。

各主题可配置设置项总数 深色 = 分区设置 · 红色 = 区块设置 · 数据统计自源代码,2026年7月 DAWN 共计 475 324 分区 151 HORIZON 共计 1,476 409 分区 1,067 项区块设置 0 1,067 柱状图按比例绘制。由于区块可在各分区间复用,Horizon 的区块设置数量远远超过其他部分。
图 1:各主题的可配置范围,拆分为分区设置和区块设置。

逐项对比:每个值得关注的分区

下表列出了两款主题中设置项最多的分区。点击任意列标题即可排序。这里的重点不是哪个数字更好,而是看每款主题把复杂度花在了哪里。

分区 主题 设置项 区块类型 店主可以用它搭建什么
页眉Horizon420导航、搜索、购物车与账户控件
HeroHorizon368带有两层媒体的全出血开场画面
精选合集Dawn230首页上的精选商品行
合集列表Horizon1710带有逐卡区块的合集网格
推荐商品Horizon1610商品页面上的自动相关商品行
商品网格(主页面)Dawn150合集页面的商品网格与筛选器
商品热点Horizon151带有可点击圆点的可购物场景图
幻灯片Horizon151整宽轮播横幅
多列Dawn141带图标和文字的一行,用于运费说明或信任徽章
可折叠内容Dawn131带有可展开行的 FAQ 手风琴
图文Dawn134图片与标题、正文并排展示
多行Dawn131交替排列的图文堆叠行
图片横幅Dawn123带有叠加文字的首页横幅
媒体加文字Horizon80将媒体与文字配对的故事面板
拼贴Dawn84图片、商品与视频混合排列的网格
富文本Dawn64居中排列的格式化文本块
跑马灯Horizon54用于促销或公告的滚动文字条幅

只有一款主题能做到的事

按分区名称来看,这两款主题大约有 15 种分区类型是共有的,包括页眉、页脚、幻灯片、精选合集、精选商品、博客文章、自定义 Liquid、公告栏,以及账户和购物车页面。这些都是基本配置。真正有意思的地方在于它们的分歧之处。

Horizon 提供了几种 Dawn 完全没有的分区和区块:

Dawn 保留了几个被 Horizon 舍弃独立存在形式的分区,主要是因为 Horizon 把它们改造成了区块:

这个规律是一致的。Horizon 并没有减少功能,只是把它移进了区块系统,让你自己去组装。Dawn 则直接把做好的分区交到你手上。你更喜欢哪种方式,取决于你是想自己搭建,还是想填空。

拆开看四个分区

统计设置项是一回事。以下是从店主的视角出发,这几个分区实际能做些什么。

Dawn,Featured collection(精选合集,23 项设置)

这是整个 Dawn 中配置项最多的分区,也是大多数首页据此搭建的核心分区。它的 23 项设置包括:展示哪个合集、显示多少件商品、桌面端和移动端的列数、桌面端滑块开关、图片比例和图片形状、鼠标悬停时是否显示第二张图片、供应商信息、星级评分,以及快速添加按钮的样式。

Dawn demo storefront Featured collection section showing a large lifestyle photo next to product cards for Mini Eddy bag and Shoes
Dawn 演示店铺,拍摄于 2026 年 7 月。Featured collection 分区:一行精选商品,这里将场景图图块与商品卡片混合展示。

它完成的营销任务是商品陈列。你可以把它指向“新品上架”或“畅销商品”这样的合集,精确控制购物者在点击之前能看到多少细节。仅是快速添加这一项设置就能改变转化漏斗,因为它让购物者可以直接从这一行商品中加入购物车,而不必加载商品页面。这正是许多店铺专门安装一个快速添加应用才能实现的功能。

Dawn,Collapsible content(可折叠内容,13 项设置)

这是 Dawn 的 FAQ 分区。它使用一个可重复的区块——可折叠行,因此你可以按需添加任意数量的问答行。设置项涵盖标题、标题大小和对齐方式、两种布局选项、容器配色方案、第一行是否默认展开,以及手风琴旁可选的一张图片。

这件事为什么和钱有关,我们会在后面的应用部分详细说明。内置的 FAQ 手风琴,是店主安装第一个付费应用最常见的原因之一。

Horizon,Hero(36 项设置,8 种区块类型)

Horizon 的 Hero 是该主题的门面担当,也是配置项第二多的分区。它拥有两个独立的媒体层,每一层都可以是图片或视频,如果需要,还可以分别设置移动端版本。除此之外,它还接受八种区块,包括文字、按钮、logo、大号的“巨型文字”标题、分组容器,甚至跑马灯,并且暴露了叠加层控制、模糊倒影效果、双轴对齐方式,以及分区高度等设置。

Horizon demo storefront Hero section showing two models on a city street with the headline New arrivals and a Shop now button
Horizon 演示店铺,拍摄于 2026 年 7 月。Hero 分区:一张全出血图片叠加标题和行动号召按钮,全部由堆叠的区块搭建而成。

它完成的任务,是为整个店铺打开一个开场白。因为内容是由区块构成的,而不是固定字段,两家使用同一个分区的 Horizon 店铺可以看起来完全不一样。正是这种灵活性,让 Horizon 感觉更像一个设计工具,而不只是一个主题。

Horizon,Product hotspots(商品热点,15 项设置)

这是 Dawn 完全没有对应功能的分区。你上传一张场景图,然后在上面放置热点圆点,每个圆点都会打开一个商品。设置项可以控制热点颜色、靶心动画颜色、叠加层、分区的宽度和高度,以及商品标题和价格的显示方式。

Horizon demo storefront Featured products section showing a grid of clothing product cards with prices
Horizon 演示店铺,拍摄于 2026 年 7 月。Horizon 演示店铺中的一个商品列表分区。该主题还内置了可购物的商品热点分区,能把一张场景图变成一组可点击的商品链接。

它完成的营销任务是“跟着买同款”。一家时尚或家居店铺只需拍一张造型照片,就能让购物者无需在商品目录中翻找,直接买下照片中的每一件商品。在大多数主题上,这本身就是一个独立的付费应用类别。

没人算过的这笔账:内置功能替代了什么

这是那些照抄产品描述的文章从未触及的角度。这些分区中有许多完成的正是店铺每月付费购买的应用所做的工作。当主题内置了这项功能,那笔订阅费用就可以省下了。

我们在 App Store 上逐一核对,找出那些核心功能已经被某个内置分区或区块实现的应用,并拉取了它们当前的套餐价格。我们只保留了那些能在 2026 年 7 月 15 日的实际页面上核实价格的应用。我们使用的是入门套餐价格,也就是最亲民的数字,因此这是一个保守的下限。

内置功能主题覆盖其核心功能的应用已核实的应用价格每年费用
分区与区块布局系统两者皆有PageFly 页面构建器$24 / month$288
邮件订阅表单(Email signup)两者皆有Privy 邮件与弹窗$24 / month$288
快速下单与批量下单表单两者皆有Wholesale All in One$24 / month$288
FAQ 手风琴与商品标签页两者皆有Smart Tabs$5 / month$60
滚动跑马灯与公告栏两者皆有Scrolling Text$5 / month$60
已核实的入门套餐总计$984 / year

这 $984 一年是每个应用最便宜套餐下的下限。大多数正在成长的店铺并不会停留在最便宜的套餐上。PageFly 的下一档套餐是 $99 一个月,Privy 是 $30 到 $45,Wholesale All in One 是 $39。换算到真实店铺实际支付的套餐档位,同样这些内置功能所覆盖的费用就更接近每年 $2,000。

内置功能所覆盖的年度应用费用 · 入门套餐 PageFly(页面构建器)$288 Privy(邮件采集)$288 Wholesale All in One$288 Smart Tabs(FAQ、标签页)$60 Scrolling Text(跑马灯)$60 $0 总计:入门套餐约为 $984 / 年,大多数店铺实际使用的套餐档位则接近 $2,000 App Store 套餐价格,2026年7月15日。使用入门套餐作为保守下限。
图 2:内置分区与区块所覆盖的年度应用支出,基于已核实的入门套餐价格计算。

两个诚实的但书,让这篇文章不至于沦为一篇软文。

第一,“覆盖核心功能”不等于“完全一样”。Privy 还能运行弹窗和自动化流程,这是主题内置的行内订阅表单做不到的。批发类应用还带有客户分组定价功能,这也是快速下单表单没有的。主题功能覆盖的是常见情形,而不是每一种边缘情况。

第二,有一个重要类别完全没有被覆盖。这两款主题都没有内置带已验证买家标识的产品评论功能。这仍然需要一个应用,Loox 在其页面重点展示的套餐上收费 $49.99 一个月,约合每年 $600。如果哪篇主题拆解文章告诉你它能替代所有应用,那它其实是在向你推销什么东西。这篇文章不会。

这给店铺里那些付费主题留下了什么位置?做得好的付费主题,恰恰是把这笔账算得更明白。像官方 Theme Store 中的高级主题 Ultra,就宣传了从粘性加购按钮、商品捆绑套装到尺码表等一系列超出 Dawn 和 Horizon 范畴的内置功能,从而进一步压低应用账单。我们并没有像拆解这两款主题一样去读过 Ultra 的源代码,所以这里只是依据它的产品页面和演示店铺所展示的内容,但方向是清楚的:一个主题自己能做的事情越多,你每月需要租用的应用就越少。

给店主的结论

如果你想要最简单、最轻量的免费主题,并且乐于填充现成的分区,那么 Dawn 仍然是理性的默认选择。它的 45 个分区足以覆盖一家普通店铺的需求,也不会诱使你过度搭建。

如果你想要的是设计,而不是填空,Horizon 是一款真正意义上不同的产品。它的区块系统提供了大约是 Dawn 三倍的设置项,以及 Dawn 无法比拟的分区类型,其中好几种,比如商品热点、对比滑块、通用 Section 容器,都是商家通常要花钱买应用才能实现的功能。

无论如何,从阅读源代码中得到的教训,与 App Store 账单教给我们的道理是一样的:在安装一个付费应用之前,先打开主题编辑器,看看这个分区是不是已经存在了。在这两款主题上,每年约一千美元的功能,其实早就已经在那里了。

常见问题

Dawn 主题有多少个分区?

Dawn 的源代码中有 53 个分区文件。其中 45 个是商家可编辑的分区,带有可以在主题编辑器中修改的设置,另外 8 个是用于购物车和搜索的内部局部文件,没有任何设置。在这些可编辑分区中,Dawn 一共暴露了 324 项分区设置,另外区块内还有 151 项设置。

Horizon 的设置项比 Dawn 多吗?

是的,多得多。Horizon 在其分区中暴露了 409 项设置,加上 95 个可复用主题区块中的 1,067 项设置,总共约有 1,476 项可配置设置。Dawn 总计约为 475 项。Horizon 的优势来自它的区块系统,其中一个区块可以在多个分区中被重复使用。

Shopify 主题能替代付费应用吗?

在若干常见需求上,可以。这两款主题都内置了 FAQ 手风琴、邮件订阅表单、用于批发的快速下单表单,以及滚动公告栏,涵盖了那些每月收费 $5 到 $24 的应用的核心功能。明显的例外是带有已验证买家的产品评论功能,这方面你仍然需要用到诸如 Loox 这样的应用。

Dawn 和 Horizon 这两款免费主题,哪个的可定制性更强?

从数据上看,Horizon 遥遥领先。它的区块可以跨分区复用,而不像 Dawn 那样被锁定在单一分区内,而且它提供的设置项数量大约是 Dawn 的三倍。Dawn 更简单、更轻量,这是许多商家喜欢的地方,但它提供的可调节选项更少。

来源与数据

  1. Dawn source code (Shopify/dawn on GitHub)
  2. Horizon source code (Shopify/horizon on GitHub)
  3. Dawn: official Theme Store listing
  4. Horizon: official Theme Store listing
  5. PageFly page builder: pricing
  6. Privy email and pop ups: pricing
  7. Wholesale All in One: pricing
  8. Loox product reviews: pricing
引用本报告: Storefront Daily 研究组 (2026). “Dawn vs Horizon:每个分区与设置项,逐一统计.” Storefront Daily. https://storefrontdaily.com/zh/research/dawn-vs-horizon-every-section-and-setting/
本页数据为我们自行实测所得。您可以引用,并转载其中一个表格或图表,前提是附上指向本页的可见且可点击的链接。完整条款: 转载与引用.