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

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

指南

Dawn 拼贴板块:主题中最未被充分利用的布局

商家以为 Dawn 的拼贴板块是一个可以自由设计样式的简单图片网格,但代码将其限制为最多三个区块和四种区块类型,并把布局决策交给两个二选一的开关。

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


大多数搜索“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 的列数范围”之间的差距,是拼贴板块被设计来做什么、又不被设计来做什么的最清晰证据。

标题、卡片样式和配色方案就是全部的样式控制面

设置类型选项
headinginline_richtext支持行内格式的自由文本
heading_sizeselect5 个变体
desktop_layoutselect2 个变体
mobile_layoutselect2 个变体
card_stylesselect2 个变体
color_schemecolor_scheme主题配色方案选择器

这张表就是与外观相关的完整设置清单,取自板块文件中总共 8 项设置。标题字段的类型是 inline_richtext,所以允许基本格式,但板块本身没有附带副标题或正文文字字段。card_styles 提供 2 个变体,color_scheme 为整个板块整体指定主题的某个配色方案,而不是逐个图块。如果商家希望每个拼贴图块有不同样式,那必须在那 4 种区块类型内部实现,因为板块级设置是统一生效的。

Dawn 的博客板块里根本没有“collage”这个词,但商家总去那里找它

围绕这个搜索词反复出现的一种行为模式,是把拼贴板块与 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 个布局变体确实足够满足你想要的首页,那这个板块无需任何代码改动就能胜任。

Core Web Vitals 通过率:移动端与桌面端对比(2026 年 7 月 CrUX) 移动端(247 个主题) 85.5% 中位数 98.6% 最佳 46.1% 最差 桌面端(199 个主题) 86.2% 中位数 99.2% 最佳 30.3% 最差 方法:CrUX 实地数据(真实访客),2026 年 7 月,主题筛选为在两个平台上均有足够流量者。 移动端样本:247 个主题。桌面端样本:199 个主题。柱状图以 100% 对应 230px 最大宽度缩放。

常见问题

Dawn 的拼贴板块最多可以添加多少个区块?

板块文件 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 不共享任何代码,也无法生成拼贴网格。

来源与数据

  1. themescout.co, aggregated Shopify theme market ranking of 329 themes with pricing and ratings (checked September 4, 2026)
  2. CrUX-based Core Web Vitals pass rates for mobile and desktop Shopify storefronts, July 2026 dataset (checked September 4, 2026)
  3. Shopify Theme Store requirements, minimum Lighthouse and naming rules for listed themes (checked September 5, 2026)
  4. Shopify/dawn GitHub repository, sections/collage.liquid and sections/main-blog.liquid at commit 258f00f (checked September 4, 2026)
引用本报告: Storefront Daily 研究组 (2026). “Dawn 拼贴板块:主题中最未被充分利用的布局.” Storefront Daily. https://storefrontdaily.com/zh/guides/dawn-collage-section-the-most-underused-layout-in-the-theme/
本页数据为我们自行实测所得。您可以引用,并转载其中一个表格或图表,前提是附上指向本页的可见且可点击的链接。完整条款: 转载与引用.