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

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

指南

Dawn 巨型菜单:不用应用,分步设置

Shopify 商家搜索 Dawn 上的免费巨型菜单,以为有个开关可以直接打开,但主题自身的代码显示那里根本不存在巨型菜单区块,这让整个计划都得改。

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


一位商家输入 “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 究竟是什么、在另一款主题上真正的巨型菜单设置面板长什么样,以及”免费”到哪一步就不再成立。

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 有,而它是一款完全不同的主题。

设置文件类型选项 / 范围
menublocks/_header-menu.liquidlink_list—
background_colorblocks/_header-menu.liquidcolor—
text_colorblocks/_header-menu.liquidcolor—
type_font_primary_sizeblocks/_header-menu.liquidselect5 个选项
menu_font_styleblocks/_header-menu.liquidselect3 个选项
headingblocks/menu.liquidtext—
menu_spacingblocks/menu.liquidrange0–50,步长 1px
show_as_accordionblocks/menu.liquidcheckbox—
accordion_iconblocks/menu.liquidselect2 个选项
accordion_dividersblocks/menu.liquidcheckbox—

当代码不再免费时,市场行情如何

一旦商家接受了 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%。这个差距大到足以说明,一款主题的导航功能和它的加载性能需要作为两个独立项分别核查,不能假定它们同向而行。

Core Web Vitals 通过率,CrUX 2026 年 7 月 移动端(247 款有数据的主题) 移动端中位数 85.5% 85.5% 中位数 移动端最佳 98.6% 98.6% 最佳 移动端最差 46.1% 46.1% 最差 桌面端(199 款有数据的主题) 桌面端中位数 86.2% 86.2% 中位数 桌面端最佳 99.2% 99.2% 最佳 桌面端最差 30.3% 30.3% 最差 方法:CrUX 实测字段数据,真实访客会话,2026 年 7 月,条形长度按通过率百分比缩放。 市场背景:共追踪 329 款主题,价格中位数 $300,已评分的 308 款主题评分中位数为 5 分制的 4.53 分。

决定之前按品类核查什么

这个市场追踪的品类涵盖 Art、Auto、Bags、Beauty、Clothing、Electronics、Food and drink、Home、Jewelry & Access.、Kids、Pets、Sports 和 Toys,巨型菜单的重要性因店铺所处品类而异,因为子品类众多的目录,比只做单一小品类的店铺更能从 Horizon 暴露的手风琴和间距控制项中获益。经营大型目录的商家应把菜单功能当作一项真实需求,直接按此选购,而不是试图通过定制 snippet 的方式把它硬接到 Dawn 上。

先判断目录是否真的需要一个多列导航面板,如果需要,就去看那些把该面板以真实设置形式暴露出来的主题,就像 Horizon 的 18 项和 14 项设置那样,而不是指望 Dawn 会长出一个来。

常见问题

Dawn 是不是有巨型菜单设置,只是我没找到?

没有。在提交 258f00f(2026 年 8 月 10 日)对 Dawn 主题文件的搜索中,只在 2 个文件里找到了巨型菜单代码,即 snippets/header-mega-menu.liquid 和 assets/component-mega-menu.css。这两个文件都没有作为带可配置设置的区块暴露在主题编辑器中。也就是说,商家无法通过定制器开启巨型菜单:没有开关,没有区块,也没有对应的 schema 条目。任何基于该 snippet 搭建的东西都需要手动改主题代码,而不是在设置面板里点几下。

如果 Dawn 上没有,那真正的巨型菜单设置长什么样?

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 数据。

来源与数据

  1. ThemeScout, aggregated Shopify theme market ranking of 329 themes (checked September 4, 2026)
  2. ThemeScout, theme review and rating aggregate across 308 rated themes (checked September 4, 2026)
  3. Chrome UX Report (CrUX), Core Web Vitals pass rates for mobile and desktop, July 2026 (checked September 4, 2026)
  4. Shopify GitHub, Dawn and Horizon theme source at themescout-tracked commits (checked September 4, 2026)
引用本报告: Storefront Daily 研究组 (2026). “Dawn 巨型菜单:不用应用,分步设置.” Storefront Daily. https://storefrontdaily.com/zh/guides/dawn-mega-menu-setup-without-an-app-step-by-step/
本页数据为我们自行实测所得。您可以引用,并转载其中一个表格或图表,前提是附上指向本页的可见且可点击的链接。完整条款: 转载与引用.