关于 Shopify 与电商的报道与研究
商家以为 Dawn 的拼贴板块是一个可以自由设计样式的简单图片网格,但代码将其限制为最多三个区块和四种区块类型,并把布局决策交给两个二选一的开关。
大多数搜索“shopify dawn collage section”的人都以为它是一个灵活的图片网格,可以拉伸成 lookbook 或作品集墙。并不是。板块文件 sections/collage.liquid 定义的布局有 8 项设置、4 种区块类型,以及 3 个区块的硬性上限,所以整个功能比它的名字听起来要小得多。下面来看这个板块实际包含什么、它做不到什么,以及商家在哪些地方总是把它与同一文件树中就在旁边的其他 Dawn 板块搞混。
Dawn 的拼贴板块在 schema 中标记为 “t:sections.collage.name”,每个板块最多 3 个区块。这个数字直接来自 Shopify/dawn 仓库中日期为 2026-08-10 的提交 258f00f 的板块文件。填充这 3 个位置时有 4 种区块类型可选,所以创意上的决定是哪种类型放在哪个位置,而不是你能添加多少个图块。想在一屏内放六个或八个拼贴图块的商家用这个板块做不到,而且那 8 项可用设置的任何组合都无法改变这个上限。
该板块把响应式表现拆成两项设置,而不是一个共享的网格定义。desktop_layout 是一个带 2 个变体的下拉设置,mobile_layout 是另一个独立的下拉设置,同样有 2 个变体。这意味着桌面端排布和移动端排布可以各自独立选择,但每个选择都是二选一。这个板块内部没有数字列数、没有范围滑块,也没有自定义断点逻辑。相比之下,Horizon 的 sections/collection-list.liquid 带有 4 个变体的 layout_type、从 1 到 8 的 columns 范围,以及一个带 2 个变体的独立 mobile_columns 下拉设置和 mobile_card_size。那个板块就是为跨断点的精细列数控制而设计的;Dawn 的拼贴板块不是,而“2 个布局变体”与“1 到 8 的列数范围”之间的差距,是拼贴板块被设计来做什么、又不被设计来做什么的最清晰证据。
| 设置 | 类型 | 选项 |
|---|---|---|
| heading | inline_richtext | 支持行内格式的自由文本 |
| heading_size | select | 5 个变体 |
| desktop_layout | select | 2 个变体 |
| mobile_layout | select | 2 个变体 |
| card_styles | select | 2 个变体 |
| color_scheme | color_scheme | 主题配色方案选择器 |
这张表就是与外观相关的完整设置清单,取自板块文件中总共 8 项设置。标题字段的类型是 inline_richtext,所以允许基本格式,但板块本身没有附带副标题或正文文字字段。card_styles 提供 2 个变体,color_scheme 为整个板块整体指定主题的某个配色方案,而不是逐个图块。如果商家希望每个拼贴图块有不同样式,那必须在那 4 种区块类型内部实现,因为板块级设置是统一生效的。
围绕这个搜索词反复出现的一种行为模式,是把拼贴板块与 Dawn 的主博客布局 sections/main-blog.liquid 搞混。那个文件有它自己的 7 项设置:带 2 个变体的 layout、show_image、带 4 个变体的 image_height、show_date、show_author,以及一个从 0 到 100、步长为 4px 的 padding_top 范围。这些设置中没有任何一项涉及拼贴、区块,或者除每篇博客文章单张缩略图之外的图片网格。这两个板块不共享设置 schema,也不是为相互替代而构建的,这一点通过阅读同一提交(258f00f,日期为 2026-08-10)下的两个文件得到确认。
在 2026-09-04 于 themescout.co 上检查的 329 个被追踪主题市场中,主题价格中位数为 $300,区间从 $100 到 $500,308 个主题的平均评分为 5 分制的 4.53 分,每个主题的评价数中位数为 23 条。这些价格和评分数据都不是专门针对 Dawn 拼贴板块的,但它们框定了商家做选择时的背景:一个典型主题接近 $300、评分接近 4.5 的市场。在性能方面,2026 年 7 月的 CrUX 数据集显示,在 247 个数据充足的主题中,移动端访问全部通过 Core Web Vitals 的比例中位数为 85.5%,市场上最好的主题达到 98.6%,最差的降到 46.1%。在桌面端,199 个数据充足的主题的中位数为 86.2%,最高分为 99.2%,最低分为 30.3%。这些是真实访客的测量数据,不是实验室跑分,而它们对任何像拼贴这样图片密集的板块都很重要,因为那 3 个区块内的图片仍然必须加载得足够快,才能让店铺保持在通过区间内。Shopify 自己的 Theme Store 规则要求产品页、集合页和首页在桌面端和移动端的 Lighthouse 性能平均分至少为 60,Lighthouse 无障碍平均分至少为 90,因此任何已发布的、带有拼贴类板块的主题,在商家能够安装之前就已经越过了这条底线。
打开主题编辑器,数一下你实际需要多少个区块,如果这个数字超过 3,就别再试图把它硬塞进这个板块,转而看看别的首页布局。如果 3 个区块、每个断点 2 个布局变体确实足够满足你想要的首页,那这个板块无需任何代码改动就能胜任。
板块文件 sections/collage.liquid 将拼贴限制为最多 3 个区块,这一点在 Dawn 代码库日期为 2026-08-10 的提交 258f00f 中得到确认。可用于填充这 3 个位置的区块类型共有 4 种,所以你选择的是使用哪些类型,而不是添加多少个区块。如果你需要在首页上放置超过 3 个视觉图块,这个板块并不是为此而设计的,你需要换一个板块或自定义一个。
可以,但每边都只有 2 个选项。desktop_layout 设置用 2 个变体控制桌面端排布,mobile_layout 则用它自己的 2 个变体单独控制移动端排布。这意味着你从两种桌面端外观中选一种、从两种移动端外观中选一种,这两项设置的底层都没有滑块或自定义网格定义。
它有一个类型为 inline_richtext 的标题设置,因此接受基本的行内格式,而不只是纯文本。标题大小由 heading_size 控制,这是一个带 5 个变体的下拉设置。除了那 4 种区块类型所允许的内容之外,没有单独的副标题字段,也没有专门用于描述性文字的区块。
有,card_styles 是一个带 2 个变体的下拉设置,另外 color_scheme 让你为整个板块指定一个 color_scheme 值。这就是全部的视觉样式控制面:2 种卡片样式选择和一个配色方案选择器,拼贴板块本身内部没有针对单个区块的颜色或卡片样式覆盖。
因为 Dawn 的其他内容板块在同一主题中就在旁边,容易与拼贴混淆。主博客板块 sections/main-blog.liquid 是一个独立文件,有它自己的 7 项设置,包括带 2 个变体的 layout、show_image、带 4 个变体的 image_height、show_date、show_author,以及一个从 0 到 100、步长为 4px 的 padding_top 范围。它与 collage.liquid 不共享任何代码,也无法生成拼贴网格。