lunes, 19 de octubre de 2026 Inteligencia independiente sobre comercio electrónico
Storefront Daily.

Reportajes e investigación sobre Shopify y el comercio electrónico

Guías

La sección collage de Dawn: el layout más desaprovechado del tema

Los comerciantes suponen que la sección collage de Dawn es una simple cuadrícula de imágenes que pueden estilizar libremente, cuando el código la limita a tres bloques y cuatro tipos de bloque, y deja las decisiones de layout en manos de dos interruptores binarios.

Por Storefront Daily Research Desk  ·  10 de septiembre de 2026  ·  6 min de lectura  ·  Redactado por IA a partir de datos con fuente


La mayoría de quienes buscan “shopify dawn collage section” suponen que es una cuadrícula de imágenes flexible que pueden estirar hasta convertirla en un lookbook o un muro de portafolio. No lo es. El archivo de sección sections/collage.liquid define un layout con 8 ajustes, 4 tipos de bloque y un techo fijo de 3 bloques, así que toda la funcionalidad es más pequeña de lo que sugiere su nombre. Esto es un repaso de lo que la sección contiene realmente, lo que no puede hacer y dónde los comerciantes siguen confundiéndola con otras secciones de Dawn que viven cerca en el mismo árbol de archivos.

La sección tope en tres bloques sin importar lo que intentes

La sección collage de Dawn, etiquetada como “t:sections.collage.name” en el schema, llega como máximo a 3 bloques por sección. Ese número viene directamente del archivo de sección en el commit 258f00f, con fecha 2026-08-10, en el repositorio Shopify/dawn. Hay 4 tipos de bloque para elegir al llenar esos 3 espacios, así que la decisión creativa es qué tipos van en qué posición, no cuántos mosaicos puedes añadir. Un comerciante que quiera seis u ocho mosaicos de collage en una sola pantalla no lo va a lograr con esta sección, y ninguna combinación de los 8 ajustes disponibles cambia ese techo.

Escritorio y móvil reciben cada uno una única elección binaria de layout

La sección separa el comportamiento responsive en dos ajustes en lugar de una definición de cuadrícula compartida. desktop_layout es un select con 2 variantes, y mobile_layout es un select aparte, también con 2 variantes. Eso significa que la disposición de escritorio y la de móvil se eligen de forma independiente, pero cada elección es binaria. No hay un número de columnas, ni un slider de rango, ni lógica de breakpoints personalizada dentro de esta sección. Compáralo con sections/collection-list.liquid de Horizon, que trae layout_type con 4 variantes, un rango columns de 1 a 8 y un select mobile_columns aparte con 2 variantes junto a mobile_card_size. Esa sección está construida para un control granular de columnas entre breakpoints; la sección collage de Dawn no lo está, y la brecha entre “2 variantes de layout” y “un rango de 1 a 8 columnas” es la evidencia más clara de para qué se diseñó collage y para qué no.

El encabezado, el estilo de tarjeta y el esquema de color son toda la superficie de estilo

AjusteTipoOpciones
headinginline_richtexttexto libre con formato inline
heading_sizeselect5 variantes
desktop_layoutselect2 variantes
mobile_layoutselect2 variantes
card_stylesselect2 variantes
color_schemecolor_schemeselector de esquema del tema

Esa tabla es la lista completa de ajustes relevantes para la apariencia, extraída de los 8 ajustes totales del archivo de sección. Hay un campo de encabezado del tipo inline_richtext, así que se permite formato básico pero no hay campo de subtítulo ni de texto de cuerpo asociado a la sección en sí. card_styles da 2 variantes, y color_scheme asigna uno de los esquemas de color del tema a toda la sección como bloque, no por mosaico. Si un comerciante quiere que cada mosaico del collage tenga un estilo distinto, eso tiene que ocurrir dentro de los 4 tipos de bloque en sí, porque los ajustes a nivel de sección se aplican de forma uniforme.

La palabra “collage” no existe en la sección de blog de Dawn, y los comerciantes siguen buscándola ahí

Un patrón recurrente en el comportamiento de búsqueda alrededor de este término es la confusión entre la sección collage y el layout principal del blog de Dawn, sections/main-blog.liquid. Ese archivo tiene 7 ajustes propios: layout con 2 variantes, show_image, image_height con 4 variantes, show_date, show_author y un rango padding_top que va de 0 a 100 en pasos de 4px. Ninguno de estos ajustes hace referencia a collage, a bloques o a una cuadrícula de imágenes más allá de la única miniatura de entrada de blog por artículo. Las dos secciones no comparten un schema de ajustes y no fueron construidas para sustituirse mutuamente, confirmado al leer ambos archivos en el mismo commit, 258f00f, con fecha 2026-08-10.

Dónde se ubica esto frente al resto del mercado

En el mercado rastreado de 329 temas, revisado en themescout.co el 2026-09-04, el precio mediano de un tema es de $300 con un rango que va de $100 a $500, y la calificación promedio entre 308 temas se sitúa en 4.53 sobre 5, con una mediana de 23 reseñas por tema. Nada de esos datos de precio o calificación es específico de la sección collage de Dawn, pero enmarca el contexto en el que elige un comerciante: un mercado donde el tema típico ronda los $300 y tiene una calificación cercana a 4.5. En rendimiento, el conjunto de datos CrUX de julio de 2026 muestra una mediana del 85.5% de visitas móviles que aprueban todos los Core Web Vitals entre 247 temas con datos suficientes, con el mejor tema del mercado alcanzando el 98.6% y el peor cayendo al 46.1%. En escritorio, la mediana entre 199 temas con datos suficientes es del 86.2%, con un puntaje máximo del 99.2% y un mínimo del 30.3%. Estas son mediciones de visitantes reales, no pruebas de laboratorio, e importan para cualquier sección cargada de imágenes como collage, porque las imágenes dentro de esos 3 bloques todavía tienen que cargar lo bastante rápido para mantener una tienda dentro de ese rango de aprobación. Las propias reglas del Theme Store de Shopify exigen un puntaje promedio mínimo de rendimiento de Lighthouse de 60 y un puntaje promedio mínimo de accesibilidad de Lighthouse de 90 en las páginas de producto, colección e inicio, tanto para escritorio como para móvil, así que cualquier tema publicado que incluya una sección de estilo collage ya superó ese piso antes de que los comerciantes pudieran instalarlo.

Qué revisar antes de tocar esta sección

Abre el personalizador del tema, cuenta cuántos bloques necesitas realmente y, si el número es mayor que 3, deja de intentar forzarlo dentro de esta sección y mira un layout de página de inicio distinto. Si 3 bloques y 2 variantes de layout por breakpoint son genuinamente suficientes para la página de inicio que quieres, esta sección hará el trabajo sin necesidad de cambios en el código.

Tasa de aprobación de Core Web Vitals: móvil vs escritorio (CrUX julio de 2026) Móvil (247 temas) 85.5% mediana 98.6% mejor 46.1% peor Escritorio (199 temas) 86.2% mediana 99.2% mejor 30.3% peor Método: datos de campo de CrUX (visitantes reales), julio de 2026, temas filtrados a los que tienen tráfico suficiente en ambas plataformas. Muestra móvil: 247 temas. Muestra escritorio: 199 temas. Barras escaladas a un máximo de 230px al 100%.

Preguntas frecuentes

¿Cuántos bloques puedo añadir a la sección collage de Dawn?

El archivo de sección sections/collage.liquid limita el collage a un máximo de 3 bloques, confirmado en el código de Dawn en el commit 258f00f con fecha 2026-08-10. Hay 4 tipos de bloque disponibles para llenar esos 3 espacios, así que estás eligiendo qué tipos usar, no cuántos bloques añadir. Si necesitas más de 3 mosaicos visuales en una página de inicio, esta sección no está construida para eso y necesitarías una sección diferente o una personalizada.

¿Puedo configurar layouts distintos para escritorio y móvil de forma independiente?

Sí, pero solo dentro de 2 opciones cada uno. El ajuste desktop_layout controla la disposición en escritorio con 2 variantes, y mobile_layout controla la disposición en móvil por separado con sus propias 2 variantes. Eso significa que eliges uno de dos aspectos de escritorio y uno de dos aspectos de móvil, y no hay ningún slider ni definición de cuadrícula personalizada debajo de ninguno de los dos ajustes.

¿La sección collage admite un encabezado y qué tan flexible es?

Tiene un ajuste de encabezado del tipo inline_richtext, así que acepta formato inline básico en lugar de solo texto plano. El tamaño del encabezado se controla con heading_size, un select con 5 variantes. No hay un campo de subtítulo aparte ni un bloque dedicado a texto descriptivo más allá de lo que permiten los 4 tipos de bloque.

¿Existe una opción de estilo de tarjeta y qué cambia?

Sí, card_styles es un ajuste select con 2 variantes, y además color_scheme te permite asignar un valor de color_scheme a toda la sección. Esa es toda la superficie de estilo visual: 2 opciones de estilo de tarjeta y un selector de esquema, sin ninguna anulación por bloque para color o estilo de tarjeta dentro de la propia sección collage.

¿Por qué el término de búsqueda sección collage termina llevando a preguntas sobre el layout del blog?

Porque las otras secciones de contenido de Dawn están cerca en el mismo tema y se confunden con collage. La sección principal del blog, sections/main-blog.liquid, es un archivo separado con 7 ajustes propios, incluyendo layout con 2 variantes, show_image, image_height con 4 variantes, show_date, show_author y un rango padding_top de 0 a 100 en pasos de 4px. No comparte código con collage.liquid y no puede producir una cuadrícula collage.

Fuentes y datos

  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)
Cómo citar este informe: Storefront Daily Research Desk (2026). “La sección collage de Dawn: el layout más desaprovechado del tema.” Storefront Daily. https://storefrontdaily.com/es/guides/dawn-collage-section-the-most-underused-layout-in-the-theme/
Las cifras de esta página son mediciones propias. Puede citarlas y reproducir una sola tabla o gráfico, siempre que incluya un enlace visible y navegable a esta página. Condiciones completas: Reutilización y cita.