segunda-feira, 19 de outubro de 2026 Inteligência independente de e-commerce
Storefront Daily.

Reportagens e pesquisa sobre Shopify e e-commerce

Guias

Seção collage do Dawn: o layout mais subaproveitado do tema

Os comerciantes assumem que a seção collage do Dawn é uma simples grade de imagens que podem estilizar livremente, quando o código a limita a três blocos e quatro tipos de bloco e deixa as decisões de layout para dois interruptores binários.

Por Storefront Daily Research Desk  ·  10 de setembro de 2026  ·  6 min de leitura  ·  Redigido por IA a partir de dados com fonte


A maioria das pessoas que buscam “shopify dawn collage section” assume que é uma grade de imagens flexível que podem esticar até formar um lookbook ou uma parede de portfólio. Não é. O arquivo de seção sections/collage.liquid define um layout com 8 configurações, 4 tipos de bloco e um teto rígido de 3 blocos, portanto todo o recurso é menor do que o nome sugere. Esta é uma análise do que a seção realmente contém, do que ela não consegue fazer e de onde os comerciantes continuam a confundi-la com outras seções do Dawn que ficam próximas na mesma árvore de arquivos.

A seção para em três blocos, não importa o que você tente

A seção collage do Dawn, rotulada como “t:sections.collage.name” no schema, chega no máximo a 3 blocos por seção. Esse número vem diretamente do arquivo de seção no commit 258f00f, datado de 2026-08-10, no repositório Shopify/dawn. Há 4 tipos de bloco para escolher ao preencher esses 3 espaços, portanto a decisão criativa é quais tipos vão em quais posições, não quantos blocos você pode adicionar. Um comerciante que queira seis ou oito blocos de collage numa única tela não vai conseguir com esta seção, e nenhuma combinação das 8 configurações disponíveis altera esse teto.

Desktop e mobile recebem cada um uma escolha binária de layout

A seção separa o comportamento responsivo em duas configurações em vez de uma definição de grade compartilhada. desktop_layout é um select com 2 variantes, e mobile_layout é um select separado, também com 2 variantes. Isso significa que o arranjo em desktop e o arranjo em mobile são escolhidos de forma independente, mas cada escolha é binária. Não existe contagem numérica de colunas, nem range slider, nem lógica de breakpoint personalizada dentro desta seção. Compare isso com o sections/collection-list.liquid do Horizon, que traz layout_type com 4 variantes, um range columns de 1 a 8 e um select mobile_columns separado com 2 variantes ao lado de mobile_card_size. Essa seção foi construída para controle granular de colunas entre breakpoints; a seção collage do Dawn não foi, e a diferença entre “2 variantes de layout” e “um range de colunas de 1 a 8” é a evidência mais clara do que o collage foi projetado para fazer e do que não foi.

Título, estilo de card e esquema de cores são toda a superfície de estilo

ConfiguraçãoTipoOpções
headinginline_richtexttexto livre com formatação inline
heading_sizeselect5 variantes
desktop_layoutselect2 variantes
mobile_layoutselect2 variantes
card_stylesselect2 variantes
color_schemecolor_schemeseletor de esquema do tema

Essa tabela é a lista completa de configurações relevantes para a aparência, extraída das 8 configurações totais do arquivo de seção. Existe um campo de título do tipo inline_richtext, portanto formatação básica é permitida, mas não há campo de subtítulo nem de texto de corpo anexado à própria seção. card_styles dá 2 variantes, e color_scheme atribui um dos esquemas de cores do tema a toda a seção em bloco, não por bloco individual. Se um comerciante quiser cada bloco do collage estilizado de forma diferente, isso tem de acontecer dentro dos próprios 4 tipos de bloco, porque as configurações no nível da seção se aplicam de maneira uniforme.

A palavra “collage” não existe na seção de blog do Dawn, e os comerciantes continuam a procurá-la ali

Um padrão recorrente no comportamento de busca em torno deste termo é a confusão entre a seção collage e o layout principal de blog do Dawn, sections/main-blog.liquid. Esse arquivo tem 7 configurações próprias: layout com 2 variantes, show_image, image_height com 4 variantes, show_date, show_author e um range padding_top que vai de 0 a 100 em incrementos de 4px. Nenhuma dessas configurações faz referência a collage, blocos ou uma grade de imagens além da única miniatura de post de blog por entrada. As duas seções não compartilham um schema de configurações e não foram construídas para substituir uma à outra, o que se confirma ao ler ambos os arquivos no mesmo commit, 258f00f, datado de 2026-08-10.

Onde isso se situa em relação ao resto do mercado

No mercado acompanhado de 329 temas, verificado em themescout.co em 2026-09-04, o preço mediano de tema é $300, com uma faixa que vai de $100 a $500, e a avaliação média entre 308 temas está em 4.53 de 5, com uma mediana de 23 avaliações por tema. Nenhum desses dados de preço ou avaliação é específico da seção collage do Dawn, mas enquadra o contexto em que o comerciante está escolhendo: um mercado onde o tema típico fica perto de $300 e carrega uma avaliação próxima de 4.5. Em desempenho, o conjunto de dados CrUX de julho de 2026 mostra uma mediana de 85.5% das visitas em mobile passando em todos os Core Web Vitals entre 247 temas com dados suficientes, com o melhor tema do mercado alcançando 98.6% e o pior caindo para 46.1%. Em desktop, a mediana entre 199 temas com dados suficientes é 86.2%, com uma pontuação máxima de 99.2% e uma mínima de 30.3%. Essas são medições reais de visitantes, não execuções em laboratório, e importam para qualquer seção pesada em imagens como o collage, porque as imagens dentro daqueles 3 blocos ainda têm de carregar rápido o suficiente para manter a loja dentro dessa faixa de aprovação. As próprias regras do Theme Store da Shopify exigem uma pontuação média mínima de desempenho no Lighthouse de 60 e uma pontuação média mínima de acessibilidade no Lighthouse de 90 nas páginas de produto, coleção e inicial, tanto para desktop como para mobile, portanto qualquer tema publicado que traga uma seção do tipo collage já passou desse piso antes de os comerciantes poderem instalá-lo.

O que verificar antes de mexer nesta seção

Abra o personalizador de temas, conte quantos blocos você realmente precisa e, se o número for maior que 3, pare de tentar forçá-lo dentro desta seção e considere um layout de página inicial diferente. Se 3 blocos e 2 variantes de layout por breakpoint forem genuinamente suficientes para a página inicial que você quer, esta seção dará conta do recado sem exigir nenhuma alteração de código.

Taxa de aprovação nos Core Web Vitals: mobile vs desktop (CrUX julho de 2026) Mobile (247 temas) 85.5% mediana 98.6% melhor 46.1% pior Desktop (199 temas) 86.2% mediana 99.2% melhor 30.3% pior Método: dados de campo do CrUX (visitantes reais), julho de 2026, temas filtrados para aqueles com tráfego suficiente em ambas as plataformas. Amostra mobile: 247 temas. Amostra desktop: 199 temas. Barras escaladas para um máximo de 230px a 100%.

Perguntas frequentes

Quantos blocos posso adicionar à seção collage do Dawn?

O arquivo de seção sections/collage.liquid limita o collage a um máximo de 3 blocos, confirmado no código do Dawn no commit 258f00f, datado de 2026-08-10. Há 4 tipos de bloco disponíveis para preencher esses 3 espaços, portanto você está escolhendo quais tipos usar, não quantos blocos adicionar. Se precisar de mais de 3 blocos visuais numa página inicial, esta seção não foi feita para isso e você precisaria de uma seção diferente ou de uma personalizada.

Posso definir layouts diferentes para desktop e mobile de forma independente?

Sim, mas apenas dentro de 2 opções cada. A configuração desktop_layout controla o arranjo em desktop com 2 variantes, e mobile_layout controla o arranjo em mobile separadamente, com as suas próprias 2 variantes. Isso significa que você escolhe um de dois aspectos para desktop e um de dois aspectos para mobile, e não existe nenhum slider nem definição de grade personalizada por baixo de qualquer uma dessas configurações.

A seção collage suporta um título e quão flexível é?

Tem uma configuração de título do tipo inline_richtext, portanto aceita formatação inline básica e não apenas texto simples. O tamanho do título é controlado por heading_size, um select com 5 variantes. Não existe um campo separado de subtítulo nem um bloco dedicado a texto descritivo além do que os 4 tipos de bloco permitem.

Existe uma opção de estilo de card e o que ela muda?

Sim, card_styles é uma configuração select com 2 variantes, e além disso color_scheme permite atribuir um valor de color_scheme a toda a seção. Essa é toda a superfície de estilo visual: 2 opções de estilo de card e um seletor de esquema, sem qualquer substituição por bloco para cor ou estilo de card dentro da própria seção collage.

Por que o termo de busca collage section acaba sempre levando a perguntas sobre layout de blog?

Porque as outras seções de conteúdo do Dawn ficam próximas no mesmo tema e são confundidas com o collage. A seção principal de blog, sections/main-blog.liquid, é um arquivo separado com 7 configurações próprias, incluindo layout com 2 variantes, show_image, image_height com 4 variantes, show_date, show_author e um range padding_top de 0 a 100 em incrementos de 4px. Não compartilha código nenhum com collage.liquid e não consegue produzir uma grade de collage.

Fontes e dados

  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)
Como citar este relatório: Storefront Daily Research Desk (2026). “Seção collage do Dawn: o layout mais subaproveitado do tema.” Storefront Daily. https://storefrontdaily.com/pt/guides/dawn-collage-section-the-most-underused-layout-in-the-theme/
Os números desta página são medições nossas. Pode citá-los e reproduzir uma única tabela ou gráfico, desde que inclua uma ligação visível e clicável para esta página. Termos completos: Reutilização e citação.