关于 Shopify 与电商的报道与研究
Shopify 商家搜索 Dawn 上的免费巨型菜单,以为有个开关可以直接打开,但主题自身的代码显示那里根本不存在巨型菜单区块,这让整个计划都得改。
一位商家输入 “shopify mega menu free”,以为 Dawn 的定制器里某处藏着一个设置,只差勾一个复选框就能用。这是错误的心理模型。Dawn 是 Shopify 的免费参考主题,其代码在 2026 年 8 月 10 日的提交 258f00f 处被检查过,“mega” 这个词只出现在 2 个文件中:snippets/header-mega-menu.liquid 和 assets/component-mega-menu.css。这两个文件都没有接入任何带 schema 设置的区块。主题编辑器里没有对应的 block、开关或可编辑字段。所以把读者带到这里的那次搜索,在 Dawn 本身上并没有免费答案,而本文余下部分会解释那个 snippet 究竟是什么、在另一款主题上真正的巨型菜单设置面板长什么样,以及”免费”到哪一步就不再成立。
在 Shopify 的 Liquid 结构中,snippet 文件是一段可复用代码,其本身并不是面向顾客的功能。Dawn 附带了 header-mega-menu.liquid 以及一个配套的 CSS 组件文件,这一对文件说明巨型菜单的展示逻辑存在于代码库中。但要让商家通过店面编辑器配置任何东西,区块需要有自己的 schema 块和具名设置。这里测得的事实很清楚:Dawn 没有任何带巨型菜单设置的区块。所以开发者可以在自定义区块代码中引用那个 snippet,但商家在主题定制器里点来点去,永远不会看到巨型菜单选项面板出现,因为在这款主题里它从来就不是作为顾客可编辑的功能构建的。
这个区分很重要,因为网上流传的大多数”免费为 Dawn 添加巨型菜单”的教程都假定存在一个隐藏设置。并没有这样的设置可找。那两个文件存在,但这项功能并不以”可开启”的形式存在。
Horizon 是另一款 Shopify 主题,它提供了一个具体的对比,因为它的页头菜单 block 是完整构建出来的。blocks/_header-menu.liquid 在 2026 年 8 月 31 日的提交 8b42ace 处被检查,在标签 “t:names.menu” 下带有 18 项设置。其中包括:一个 menu link_list 选择器,用于选择哪个导航菜单为该 block 提供数据;一个 background_color 颜色设置;一个 text_color 颜色设置;一个提供 5 个尺寸选项的 type_font_primary_size 下拉选择;还有一个带 3 个样式选项的 menu_font_style 下拉选择。
同一主题中的第二个 block,blocks/menu.liquid,同样标记为 “t:names.menu”,又增加了 14 项设置,包括一个 heading 文本字段、一个从 0 到 50、步长 1px 的 menu_spacing 范围控件、一个 show_as_accordion 复选框、一个带 2 个选项的 accordion_icon 下拉选择,以及一个 accordion_dividers 复选框。
这才是巨型菜单这类搜索真正在找的东西:颜色选择器、字号下拉、间距范围,以及商家无需碰代码就能切换的手风琴行为。Dawn 完全没有暴露这些。Horizon 有,而它是一款完全不同的主题。
| 设置 | 文件 | 类型 | 选项 / 范围 |
|---|---|---|---|
| menu | blocks/_header-menu.liquid | link_list | — |
| background_color | blocks/_header-menu.liquid | color | — |
| text_color | blocks/_header-menu.liquid | color | — |
| type_font_primary_size | blocks/_header-menu.liquid | select | 5 个选项 |
| menu_font_style | blocks/_header-menu.liquid | select | 3 个选项 |
| heading | blocks/menu.liquid | text | — |
| menu_spacing | blocks/menu.liquid | range | 0–50,步长 1px |
| show_as_accordion | blocks/menu.liquid | checkbox | — |
| accordion_icon | blocks/menu.liquid | select | 2 个选项 |
| accordion_dividers | blocks/menu.liquid | checkbox | — |
一旦商家接受了 Dawn 在没有定制开发的情况下做不到这件事,下一个问题就是:内置巨型菜单的付费主题值不值这个钱。在当前的汇总排名中,市场共有 329 款主题,价格中位数为 $300,区间从 $100 到 $500。已评分的 308 款主题平均为 5 分制的 4.53 分,每款主题的评论数中位数为 23,所以典型的商品页已经被使用得足够多,有真实的使用记录,而不只是几条早期评论。
UTD 的主题与其他所有供应商一同出现在同一份排名中,在做选择比较的商家可以直接查看 UTD 在 Shopify Theme Store 上的商品页,而不是照单接受某个单项功能宣传。这里点出一家供应商,并不构成对其菜单功能的具体推荐,因为上文的巨型菜单设置对比完全基于 Dawn 和 Horizon 自身的代码,而非 UTD 的代码。
为了巨型菜单而买一款主题,并不保证它加载得快,这两个问题应当分别核查。取自 CrUX 的 2026 年 7 月 Core Web Vitals 数据基于真实访客流量而非实验室测试,显示在数据量足够的 247 款主题中,移动端页面加载通过全部 Core Web Vitals 的比例中位数为 85.5%;在 199 款主题中,桌面端为 86.2%。市场上表现最好的主题在移动端达到 98.6%,桌面端达到 99.2%。最差的在移动端仅为 46.1%,桌面端仅为 30.3%。这个差距大到足以说明,一款主题的导航功能和它的加载性能需要作为两个独立项分别核查,不能假定它们同向而行。
这个市场追踪的品类涵盖 Art、Auto、Bags、Beauty、Clothing、Electronics、Food and drink、Home、Jewelry & Access.、Kids、Pets、Sports 和 Toys,巨型菜单的重要性因店铺所处品类而异,因为子品类众多的目录,比只做单一小品类的店铺更能从 Horizon 暴露的手风琴和间距控制项中获益。经营大型目录的商家应把菜单功能当作一项真实需求,直接按此选购,而不是试图通过定制 snippet 的方式把它硬接到 Dawn 上。
先判断目录是否真的需要一个多列导航面板,如果需要,就去看那些把该面板以真实设置形式暴露出来的主题,就像 Horizon 的 18 项和 14 项设置那样,而不是指望 Dawn 会长出一个来。
没有。在提交 258f00f(2026 年 8 月 10 日)对 Dawn 主题文件的搜索中,只在 2 个文件里找到了巨型菜单代码,即 snippets/header-mega-menu.liquid 和 assets/component-mega-menu.css。这两个文件都没有作为带可配置设置的区块暴露在主题编辑器中。也就是说,商家无法通过定制器开启巨型菜单:没有开关,没有区块,也没有对应的 schema 条目。任何基于该 snippet 搭建的东西都需要手动改主题代码,而不是在设置面板里点几下。
Horizon 的 blocks/_header-menu.liquid 给出了一个可用的示例,总共 18 项设置,包括一个 menu 的 link_list 选择器、background_color 和 text_color 两个颜色选择器,以及一个含 5 个选项的 type_font_primary_size 下拉选择。另一个区块 blocks/menu.liquid 又增加了 14 项设置,例如取值范围 0 到 50、步长 1px 的 menu_spacing,以及一个 show_as_accordion 复选框。这才是巨型菜单这个搜索真正想要的控制形态,而它存在于 Horizon 的 block schema 里,不在 Dawn 里。
329 款主题的市场价格中位数为 $300,区间从 $100 到 $500,评论数中位数为 23,所以在这个价位区间选一款付费主题在该品类中并不罕见。值不值得,取决于商家是否需要 Horizon 暴露出来的手风琴和间距控制项,因为 Dawn 根本没有一个带这些设置的区块可以作比较。
来自 CrUX 的 2026 年 7 月 Core Web Vitals 数据显示,在数据量足够的 247 款主题中,移动端访问通过全部 Core Web Vitals 的比例中位数为 85.5%;在 199 款主题中,桌面端为 86.2%。市场上表现最好的主题在移动端达到 98.6%、桌面端 99.2%,而最差的移动端只有 46.1%、桌面端 30.3%,主题之间的差距大到不该只凭一个菜单功能就做决定。更稳妥的做法顺序是,在更换之前先查看候选主题自身的 Core Web Vitals 数据。