关于 Shopify 与电商的报道与研究
我们安装了这两款免费的 Shopify 主题,并阅读了它们的源代码。Dawn 提供 45 个可编辑分区和 475 项设置。Horizon 提供 39 个分区,背后由 95 个可复用区块支撑,共约 1,476 项设置。以下是这两款主题各自真正能搭建出什么,以及内置功能悄悄替代掉的每年约 $2,000 的应用订阅费用。
几乎所有对比 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 月的快照。只有在能够在实际页面上核实的情况下,我们才会把数字填入节省费用表格中。
以下是每款主题四个数字的完整对比。
| 我们统计的内容 | Dawn | Horizon |
|---|---|---|
| 源代码中的分区文件数 | 53 | 40 |
| 商家可编辑分区数 | 45 | 39 |
| 分区层面的设置项 | 324 | 409 |
| 可复用区块文件数 | 0 | 95 |
| 区块内的设置项 | 151 | 1,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 需要的分区文件更少,却携带了远远更多的设置项。这些构建区块是共享的。
下表列出了两款主题中设置项最多的分区。点击任意列标题即可排序。这里的重点不是哪个数字更好,而是看每款主题把复杂度花在了哪里。
| 分区 | 主题 | 设置项 | 区块类型 | 店主可以用它搭建什么 |
|---|---|---|---|---|
| 页眉 | Horizon | 42 | 0 | 导航、搜索、购物车与账户控件 |
| Hero | Horizon | 36 | 8 | 带有两层媒体的全出血开场画面 |
| 精选合集 | Dawn | 23 | 0 | 首页上的精选商品行 |
| 合集列表 | Horizon | 17 | 10 | 带有逐卡区块的合集网格 |
| 推荐商品 | Horizon | 16 | 10 | 商品页面上的自动相关商品行 |
| 商品网格(主页面) | Dawn | 15 | 0 | 合集页面的商品网格与筛选器 |
| 商品热点 | Horizon | 15 | 1 | 带有可点击圆点的可购物场景图 |
| 幻灯片 | Horizon | 15 | 1 | 整宽轮播横幅 |
| 多列 | Dawn | 14 | 1 | 带图标和文字的一行,用于运费说明或信任徽章 |
| 可折叠内容 | Dawn | 13 | 1 | 带有可展开行的 FAQ 手风琴 |
| 图文 | Dawn | 13 | 4 | 图片与标题、正文并排展示 |
| 多行 | Dawn | 13 | 1 | 交替排列的图文堆叠行 |
| 图片横幅 | Dawn | 12 | 3 | 带有叠加文字的首页横幅 |
| 媒体加文字 | Horizon | 8 | 0 | 将媒体与文字配对的故事面板 |
| 拼贴 | Dawn | 8 | 4 | 图片、商品与视频混合排列的网格 |
| 富文本 | Dawn | 6 | 4 | 居中排列的格式化文本块 |
| 跑马灯 | Horizon | 5 | 4 | 用于促销或公告的滚动文字条幅 |
按分区名称来看,这两款主题大约有 15 种分区类型是共有的,包括页眉、页脚、幻灯片、精选合集、精选商品、博客文章、自定义 Liquid、公告栏,以及账户和购物车页面。这些都是基本配置。真正有意思的地方在于它们的分歧之处。
Horizon 提供了几种 Dawn 完全没有的分区和区块:
商品热点(Product hotspots)。 一张场景图上带有可点击的圆点,点击后会打开商品卡片。这就是“跟着买同款”(shop the look)模式,在 Dawn 上你得为此购买一个应用。
对比滑块(Comparison slider)。 一张带有可拖动把手的前后对比图,作为一个拥有 30 项设置的区块实现。护肤、清洁和装修类店铺常常花钱买应用,就只为了实现这一个功能。
跑马灯(Marquee)。 用于展示促销信息的滚动文字条幅。
分层幻灯片(Layered slideshow)与媒体加文字(Media with text),这两种用于品牌故事叙述的编辑式排版。
通用的 Section 容器,让你可以通过堆叠任意想要的区块来搭建自定义布局。这是免费主题迄今为止最接近内置页面构建器的功能。
Dawn 保留了几个被 Horizon 舍弃独立存在形式的分区,主要是因为 Horizon 把它们改造成了区块:
拼贴(Collage),图片、商品与视频混合排列的网格。
多行(Multirow),交替排列的图文堆叠行。
多列(Multicolumn),大多数店铺用来展示运费和退货承诺的图标加文字行。
可折叠内容(Collapsible content),一个专门的 FAQ 手风琴分区。Horizon 也有手风琴功能,但它是一个你放置的区块,而不是一个分区。
这个规律是一致的。Horizon 并没有减少功能,只是把它移进了区块系统,让你自己去组装。Dawn 则直接把做好的分区交到你手上。你更喜欢哪种方式,取决于你是想自己搭建,还是想填空。
统计设置项是一回事。以下是从店主的视角出发,这几个分区实际能做些什么。
这是整个 Dawn 中配置项最多的分区,也是大多数首页据此搭建的核心分区。它的 23 项设置包括:展示哪个合集、显示多少件商品、桌面端和移动端的列数、桌面端滑块开关、图片比例和图片形状、鼠标悬停时是否显示第二张图片、供应商信息、星级评分,以及快速添加按钮的样式。
它完成的营销任务是商品陈列。你可以把它指向“新品上架”或“畅销商品”这样的合集,精确控制购物者在点击之前能看到多少细节。仅是快速添加这一项设置就能改变转化漏斗,因为它让购物者可以直接从这一行商品中加入购物车,而不必加载商品页面。这正是许多店铺专门安装一个快速添加应用才能实现的功能。
这是 Dawn 的 FAQ 分区。它使用一个可重复的区块——可折叠行,因此你可以按需添加任意数量的问答行。设置项涵盖标题、标题大小和对齐方式、两种布局选项、容器配色方案、第一行是否默认展开,以及手风琴旁可选的一张图片。
这件事为什么和钱有关,我们会在后面的应用部分详细说明。内置的 FAQ 手风琴,是店主安装第一个付费应用最常见的原因之一。
Horizon 的 Hero 是该主题的门面担当,也是配置项第二多的分区。它拥有两个独立的媒体层,每一层都可以是图片或视频,如果需要,还可以分别设置移动端版本。除此之外,它还接受八种区块,包括文字、按钮、logo、大号的“巨型文字”标题、分组容器,甚至跑马灯,并且暴露了叠加层控制、模糊倒影效果、双轴对齐方式,以及分区高度等设置。
它完成的任务,是为整个店铺打开一个开场白。因为内容是由区块构成的,而不是固定字段,两家使用同一个分区的 Horizon 店铺可以看起来完全不一样。正是这种灵活性,让 Horizon 感觉更像一个设计工具,而不只是一个主题。
这是 Dawn 完全没有对应功能的分区。你上传一张场景图,然后在上面放置热点圆点,每个圆点都会打开一个商品。设置项可以控制热点颜色、靶心动画颜色、叠加层、分区的宽度和高度,以及商品标题和价格的显示方式。
它完成的营销任务是“跟着买同款”。一家时尚或家居店铺只需拍一张造型照片,就能让购物者无需在商品目录中翻找,直接买下照片中的每一件商品。在大多数主题上,这本身就是一个独立的付费应用类别。
这是那些照抄产品描述的文章从未触及的角度。这些分区中有许多完成的正是店铺每月付费购买的应用所做的工作。当主题内置了这项功能,那笔订阅费用就可以省下了。
我们在 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。
两个诚实的但书,让这篇文章不至于沦为一篇软文。
第一,“覆盖核心功能”不等于“完全一样”。Privy 还能运行弹窗和自动化流程,这是主题内置的行内订阅表单做不到的。批发类应用还带有客户分组定价功能,这也是快速下单表单没有的。主题功能覆盖的是常见情形,而不是每一种边缘情况。
第二,有一个重要类别完全没有被覆盖。这两款主题都没有内置带已验证买家标识的产品评论功能。这仍然需要一个应用,Loox 在其页面重点展示的套餐上收费 $49.99 一个月,约合每年 $600。如果哪篇主题拆解文章告诉你它能替代所有应用,那它其实是在向你推销什么东西。这篇文章不会。
这给店铺里那些付费主题留下了什么位置?做得好的付费主题,恰恰是把这笔账算得更明白。像官方 Theme Store 中的高级主题 Ultra,就宣传了从粘性加购按钮、商品捆绑套装到尺码表等一系列超出 Dawn 和 Horizon 范畴的内置功能,从而进一步压低应用账单。我们并没有像拆解这两款主题一样去读过 Ultra 的源代码,所以这里只是依据它的产品页面和演示店铺所展示的内容,但方向是清楚的:一个主题自己能做的事情越多,你每月需要租用的应用就越少。
如果你想要最简单、最轻量的免费主题,并且乐于填充现成的分区,那么 Dawn 仍然是理性的默认选择。它的 45 个分区足以覆盖一家普通店铺的需求,也不会诱使你过度搭建。
如果你想要的是设计,而不是填空,Horizon 是一款真正意义上不同的产品。它的区块系统提供了大约是 Dawn 三倍的设置项,以及 Dawn 无法比拟的分区类型,其中好几种,比如商品热点、对比滑块、通用 Section 容器,都是商家通常要花钱买应用才能实现的功能。
无论如何,从阅读源代码中得到的教训,与 App Store 账单教给我们的道理是一样的:在安装一个付费应用之前,先打开主题编辑器,看看这个分区是不是已经存在了。在这两款主题上,每年约一千美元的功能,其实早就已经在那里了。
Dawn 的源代码中有 53 个分区文件。其中 45 个是商家可编辑的分区,带有可以在主题编辑器中修改的设置,另外 8 个是用于购物车和搜索的内部局部文件,没有任何设置。在这些可编辑分区中,Dawn 一共暴露了 324 项分区设置,另外区块内还有 151 项设置。
是的,多得多。Horizon 在其分区中暴露了 409 项设置,加上 95 个可复用主题区块中的 1,067 项设置,总共约有 1,476 项可配置设置。Dawn 总计约为 475 项。Horizon 的优势来自它的区块系统,其中一个区块可以在多个分区中被重复使用。
在若干常见需求上,可以。这两款主题都内置了 FAQ 手风琴、邮件订阅表单、用于批发的快速下单表单,以及滚动公告栏,涵盖了那些每月收费 $5 到 $24 的应用的核心功能。明显的例外是带有已验证买家的产品评论功能,这方面你仍然需要用到诸如 Loox 这样的应用。
从数据上看,Horizon 遥遥领先。它的区块可以跨分区复用,而不像 Dawn 那样被锁定在单一分区内,而且它提供的设置项数量大约是 Dawn 的三倍。Dawn 更简单、更轻量,这是许多商家喜欢的地方,但它提供的可调节选项更少。