关于 Shopify 与电商的报道与研究
Dawn 自带快速购买功能,且默认关闭。该设置只出现在其 46 个 section 中的 2 个里,而两种可用模式的开销并不相等:standard 会给集合页增加 21128 字节,bulk 则是 41935 字节。数据读取自该主题 v16.0.0 版本的源码。
搜索“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.liquid | Featured collection | none |
main-collection-product-grid.liquid | Product grid | none |
就这么多。搜索结果、相关产品和最近浏览都不提供它,所以通过搜索到达商品的顾客,无论设置怎么配,都看不到快速添加按钮。
standard 会在卡片上放一个 Add to cart 按钮。点击之后会发生什么取决于商品:如果只有一个变体,商品直接进入购物车;如果有多个变体,主题会打开一个 <quick-add-modal> 并在后台抓取完整的商品页面,以便在弹窗内显示变体选择器。这次抓取是对一个真实页面发出的真实请求,在顾客点击的那一刻发生。
bulk 把按钮换成了数量输入框。它是为批发式下单设计的,适用于买家一次拿走同款多件的场景;对于单变体商品,它会直接在卡片上渲染数量控件。
这才是决定选择的部分,而且任何文档里都没写。主题在不同模式下加载不同的文件,section 顶部的条件块明确写出了是哪些:
| 何时 | 加载的文件 | 字节数 |
|---|---|---|
| 始终,除非关闭 | quick-add.css | 8,687 |
standard 追加 | quick-add.js, product-form.js | 12,441 |
bulk 追加 | quick-add-bulk.js, quantity-popover.js, price-per-item.js, quick-order-list.js | 33,248 |
所以开启 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/ 目录。
有,内置的。这个设置叫 Quick add,默认值为 none,所以大多数 Dawn 店铺看不到任何按钮。在产品网格或精选集合 section 中把它改成 standard 或 bulk 即可。
standard 显示一个 Add to cart 按钮;如果商品有多个变体,它会打开一个弹窗并抓取商品页面以显示变体选择器。bulk 则显示一个数量输入框,面向一次购买同款多件的买家。
它会增加文件。根据 Dawn v16.0.0 中资源文件的实测,standard 在集合页加载 21128 字节,bulk 加载 41935 字节。两种模式都会加载 css,而当设置关闭时完全不加载,所以保持关闭不会有任何开销。
因为它加载 4 个脚本而不是 2 个,其中包括 18255 字节的 quick-order-list.js——快速下单列表组件,它比 standard 加载的所有文件加起来还大。
用 Dawn 就不需要。主题用 21128 字节就覆盖了这个功能,而且没有月费。装 App 只会在主题已有的内容之上再加一份自己的脚本。