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

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

参考资料

Dawn 快速添加:内置 Quick Buy 到底能做什么

Dawn 自带快速购买功能,且默认关闭。该设置只出现在其 46 个 section 中的 2 个里,而两种可用模式的开销并不相等:standard 会给集合页增加 21128 字节,bulk 则是 41935 字节。数据读取自该主题 v16.0.0 版本的源码。

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


搜索“Shopify quick buy”,每一条结果都在向你推销一个 App。Dawn 本身就内置了这个功能,而且已经内置多年,只是出厂时被关掉了。本页讲清楚这个设置到底做了什么、它在哪里,以及它的两种可用模式各自要花掉你多少字节——数据读取自 Dawn v16.0.0,发布于 2026-08-10。

这些数字是怎么来的。 2026 年 9 月 1 日,我们读取了该主题 v16.0.0 发行版的源码:sections/main-collection-product-grid.liquid 中的设置 schema 与条件资源标签、snippets/card-product.liquid 中的渲染分支,以及主题在每种模式下加载的每个资源文件的字节大小——均取自仓库本身,而非估算。我们还扫描了全部 46 个 section 文件,找出该设置出现的每一处。

它确实存在,而且是关着的

这个设置叫 quick_add,是一个有 3 个选项的下拉菜单——none、standard、bulk——默认值为 none。在你改动它之前,产品卡片上不会出现任何东西。

它出现的范围也比你想象的更窄。Dawn 的 46 个 section 中,恰好有 2 个带有它:

Section 文件编辑器中的名称默认值
featured-collection.liquidFeatured collectionnone
main-collection-product-grid.liquidProduct gridnone

就这么多。搜索结果、相关产品和最近浏览都不提供它,所以通过搜索到达商品的顾客,无论设置怎么配,都看不到快速添加按钮。

两种模式实际做了什么

standard 会在卡片上放一个 Add to cart 按钮。点击之后会发生什么取决于商品:如果只有一个变体,商品直接进入购物车;如果有多个变体,主题会打开一个 <quick-add-modal> 并在后台抓取完整的商品页面,以便在弹窗内显示变体选择器。这次抓取是对一个真实页面发出的真实请求,在顾客点击的那一刻发生。

bulk 把按钮换成了数量输入框。它是为批发式下单设计的,适用于买家一次拿走同款多件的场景;对于单变体商品,它会直接在卡片上渲染数量控件。

每种模式的开销

这才是决定选择的部分,而且任何文档里都没写。主题在不同模式下加载不同的文件,section 顶部的条件块明确写出了是哪些:

何时加载的文件字节数
始终,除非关闭quick-add.css8,687
standard 追加quick-add.js, product-form.js12,441
bulk 追加quick-add-bulk.js, quantity-popover.js, price-per-item.js, quick-order-list.js33,248
各快速添加模式为页面增加的字节数 standard 21,128 B bulk 41,935 B quick-add.css quick-add.js product-form.js quick-add-bulk.js quantity-popover.js price-per-item.js quick-order-list.js

所以开启 standard 会给集合页增加 21,128 字节。开启 bulk 则增加 41,935 字节——是前者的 2.0×。

差距的来源并不在你猜的地方。bulk 引入了 18,255 字节的 quick-order-list.js,也就是快速下单列表组件——这个功能和从卡片添加一件商品毫无关系,却打包在同一批文件里。仅这一个文件就比 standard 加载的全部内容加起来还大。

这些都不是压缩后的体积,也不包含执行开销;它只是浏览器在卡片能正常工作之前必须获取并解析的内容。在一个本就承载着产品图片的集合页上,对 standard 来说这是笔划算的交易,而对 bulk 来说则是一个值得慎重做出的决定。

直说结论

除非你有理由不这么做,否则请在集合和精选集合 section 上开启 standard。21,128 字节换来一个转化功能,而商家们通常要按月付 App 费用才能复制它,并且 App 版本不会更轻。

只有当买家确实会一次订购同款多件时,才考虑 bulk。否则你就是在每一个集合页上多付 20,807 字节,换来一个大多数顾客永远不会碰的数量输入框。

自己动手核实

下拉菜单定义在 sections/main-collection-product-grid.liquid 的 {% schema %} 块中;条件性的 stylesheet_tag 和 script 行位于同一文件的前 24 行。渲染分支在 snippets/card-product.liquid 中,它读取 quick_add 并根据 'standard' 和 'bulk' 进行分支。文件大小取自仓库 v16.0.0 版本的 assets/ 目录。

常见问题

Dawn 有快速加入购物车按钮吗?

有,内置的。这个设置叫 Quick add,默认值为 none,所以大多数 Dawn 店铺看不到任何按钮。在产品网格或精选集合 section 中把它改成 standard 或 bulk 即可。

Dawn 中 standard 与 bulk 快速添加有什么区别?

standard 显示一个 Add to cart 按钮;如果商品有多个变体,它会打开一个弹窗并抓取商品页面以显示变体选择器。bulk 则显示一个数量输入框,面向一次购买同款多件的买家。

快速添加会拖慢 Shopify 店铺吗?

它会增加文件。根据 Dawn v16.0.0 中资源文件的实测,standard 在集合页加载 21128 字节,bulk 加载 41935 字节。两种模式都会加载 css,而当设置关闭时完全不加载,所以保持关闭不会有任何开销。

为什么 bulk 快速添加比 standard 重这么多?

因为它加载 4 个脚本而不是 2 个,其中包括 18255 字节的 quick-order-list.js——快速下单列表组件,它比 standard 加载的所有文件加起来还大。

在 Shopify 上做快速购买需要装 App 吗?

用 Dawn 就不需要。主题用 21128 字节就覆盖了这个功能,而且没有月费。装 App 只会在主题已有的内容之上再加一份自己的脚本。

来源与数据

  1. Shopify/dawn, sections/main-collection-product-grid.liquid, quick_add schema and conditional asset tags, read at v16.0.0 (checked September 1, 2026)
  2. Shopify/dawn, snippets/card-product.liquid, the standard and bulk rendering branches (checked September 1, 2026)
  3. Shopify/dawn, sections/featured-collection.liquid, the second section carrying the setting (checked September 1, 2026)
  4. Shopify/dawn assets directory, source of every file size quoted (checked September 1, 2026)
引用本报告: Storefront Daily 研究组 (2026). “Dawn 快速添加:内置 Quick Buy 到底能做什么.” Storefront Daily. https://storefrontdaily.com/zh/guides/dawn-quick-add-what-it-really-does/
本页数据为我们自行实测所得。您可以引用,并转载其中一个表格或图表,前提是附上指向本页的可见且可点击的链接。完整条款: 转载与引用.