Reportajes e investigación sobre Shopify y el comercio electrónico
Los comerciantes buscan un interruptor de sticky add to cart en Dawn porque Horizon tiene uno, pero los archivos de sección reales de Dawn no incluyen ese ajuste, y saber qué archivos existen cambia lo que una solución puede lograr de forma realista.
Un comerciante escribe “shopify dawn sticky add to cart” porque vio la función en otro sitio y dio por hecho que todos los temas actuales de Shopify tienen alguna versión de ella. Dawn no la tiene. La confusión viene de Horizon, un tema de Shopify distinto que sí incluye un interruptor de fijación, y los dos temas se mezclan en hilos de foros y reseñas de la app store hasta que la gente empieza a buscar dentro de Dawn un ajuste que nunca se escribió en su código.
Los dos archivos que realmente rigen la experiencia de carrito de Dawn son sections/main-cart-footer.liquid y sections/main-cart-items.liquid. Ambos se revisaron en el commit 258f00f del repositorio Shopify/dawn, con fecha 2026-08-10. La sección de pie de página tiene 3 ajustes y 3 tipos de bloque. Los ajustes son color_scheme, un rango padding_top de 0 a 100 en pasos de 4px, y un rango padding_bottom con la misma forma de 0 a 100, paso 4px. La sección de items también tiene 3 ajustes, y son el mismo trío idéntico: color_scheme, padding_top, padding_bottom. Ninguno de los dos archivos menciona position, fixed, sticky ni nada que se parezca a un comportamiento de fijación al viewport. Eso no es un hueco en la documentación, es el schema de ajustes completo tal como existe en el commit revisado. Si el schema de un tema no tiene un campo para un comportamiento, el administrador del tema no tiene una casilla para él, punto final.
El archivo sections/product-information.liquid de Horizon es el que realmente incluye enable_sticky_add_to_cart, y está entre los 9 ajustes y 2 tipos de bloque del archivo, revisado en el commit 8b42ace de Shopify/horizon, con fecha 2026-08-31. Los otros 8 ajustes de ese mismo archivo son content_width (un selector con 2 opciones), desktop_media_position (también 2 opciones), equal_columns y limit_details_width (ambas casillas), y un rango gap de 0 a 48 en pasos de 4px. Esto indica dónde decidió el propio equipo de temas de Shopify que corresponde la fijación: no en el pie de página del carrito, no en la lista de items del carrito, sino en la sección de la página de producto que rige cómo se sitúan el contenido multimedia y los detalles del producto uno al lado del otro. Un comerciante que intente trasladar el comportamiento fijo a Dawn editando el pie de página del carrito está editando por completo la capa equivocada de la página.
| Archivo | Ajustes | Tipos de bloque | Campos destacados |
|---|---|---|---|
Dawn sections/main-cart-footer.liquid | 3 | 3 | color_scheme, padding_top 0–100/4px, padding_bottom 0–100/4px |
Dawn sections/main-cart-items.liquid | 3 | ninguno listado | color_scheme, padding_top 0–100/4px, padding_bottom 0–100/4px |
Horizon sections/product-information.liquid | 9 | 2 | enable_sticky_add_to_cart, content_width, desktop_media_position, gap 0–48/4px |
Horizon sections/main-cart.liquid | 5 | 9 | section_width, background_color, text_color, padding-block-start/end 0–100/1px |
Horizon blocks/add-to-cart.liquid | 4 | ninguno listado | style_class (3 opciones), custom_button_background/text/border |
Horizon blocks/_cart-products.liquid | 14 | ninguno listado | gap 8–36/4px, image_ratio (3 opciones), dividers, vendor, input_style |
El archivo sections/main-cart.liquid de Horizon tiene 5 ajustes y 9 tipos de bloque, y los ajustes incluyen section_width, background_color, text_color y dos rangos de padding llamados padding-block-start y padding-block-end, ambos de 0 a 100 en pasos de 1px, un paso más fino que los controles de padding de 4px de Dawn. El archivo de bloque blocks/_cart-products.liquid incluye 14 ajustes por sí solo, más que el total de cualquiera de los archivos de carrito de Dawn, entre ellos un rango gap de 8 a 36 en pasos de 4px, un selector image_ratio con 3 variantes y casillas para dividers y vendor. El propio bloque de añadir al carrito, blocks/add-to-cart.liquid, tiene solo 4 ajustes: style_class con 3 variantes, y tres campos de color para el fondo, el texto y el borde del botón. Ninguno de esos 4 afecta a la fijación, ya que esa lógica vive un archivo más arriba, en la casilla de la sección de información de producto.
Método: las cifras siguientes provienen de un agregado de mercado de 329 temas revisados en themescout.co el 2026-09-04, más un conjunto de datos CrUX independiente de julio de 2026 que mide sesiones reales de visitantes, no pruebas de laboratorio. El precio mediano de los temas en el mercado es de $300, con un rango de $100 a $500. La valoración mediana se sitúa en 4.53 sobre 5 entre 308 temas, y el número mediano de reseñas es 23. Las tasas de aprobación de Core Web Vitals importan aquí porque añadir un botón fijo mediante código personalizado afecta a la estabilidad de la maquetación, y la estabilidad de la maquetación es una de las métricas que puntúa Core Web Vitals. En móvil, entre 247 temas con datos suficientes, la proporción mediana de visitas que aprueban todos los Core Web Vitals es del 85.5%, el mejor tema del mercado llega al 98.6% y el peor solo alcanza el 46.1%. En escritorio, entre 199 temas con datos suficientes, la mediana es del 86.2%, el mejor es del 99.2% y el peor del 30.3%. Quien edite Dawn para acoplarle un comportamiento fijo está sumando a un tema que parte de esta referencia, y debería volver a comprobar las tasas de aprobación de visitantes reales después de publicar el cambio en lugar de confiar en una sola prueba.
Las opciones honestas son limitadas dado lo que muestra el código. Primero, añadir CSS personalizado y un pequeño script que apunte al marcado existente del pie de página del carrito, ya que los 3 ajustes de sections/main-cart-footer.liquid no lo harán pero el HTML subyacente sí puede posicionarse con position: sticky en una edición del tema, hecha completamente al margen del schema de ajustes. Segundo, cambiar a Horizon para la página de producto si el sticky add to cart en la página de producto (no en la página de carrito) es el objetivo real, ya que enable_sticky_add_to_cart es allí una casilla nativa que no requiere código. Tercero, tratar cualquier tema del mercado general, incluidos los temas de UTD (explorar los listados de UTD), como candidato solo después de revisar sus archivos de ajustes reales del mismo modo que este artículo revisó los de Dawn y Horizon, porque una captura de pantalla de la tienda de temas que muestre un botón fijo no prueba nada sobre en qué archivo de sección vive el ajuste ni sobre si existe siquiera.
Quien persiga el sticky add to cart en Dawn debería dejar de editar el pie de página del carrito y, o bien añadir código personalizado al marcado existente, o bien trasladar la petición de la función a la página de producto, donde Horizon ya la incluye como casilla. Revisa tú mismo el archivo de ajustes antes de suponer que cualquier tema, incluido alguno de UTD, tiene un interruptor que una captura de pantalla solo insinúa.
No. Los dos archivos de Dawn que rigen el área del carrito, sections/main-cart-footer.liquid y sections/main-cart-items.liquid, exponen exactamente 3 ajustes cada uno, y todos ellos son color_scheme, padding_top o padding_bottom. No hay ningún interruptor de sticky, position ni fixed en ninguno de los dos archivos a fecha de Shopify/dawn@258f00f, commit 2026-08-10. Si un comerciante quiere ese comportamiento en Dawn, tiene que añadir código personalizado, porque el propio schema de ajustes del tema no lo ofrece.
Horizon lo tiene. Su archivo sections/product-information.liquid incluye 9 ajustes y 2 tipos de bloque, y uno de esos ajustes se llama literalmente enable_sticky_add_to_cart, una casilla de verificación. Ese mismo archivo también controla content_width, desktop_media_position, equal_columns, limit_details_width y un rango gap de 0 a 48 en pasos de 4px. Esto se midió en Shopify/horizon@8b42ace, commit 2026-08-31.
Aquí no hay ninguna medición que aísle el efecto de un script de botón fijo sobre Core Web Vitals, así que nadie puede afirmarlo con certeza. Lo que se sabe es el contexto del mercado: entre 247 temas con datos de móvil suficientes, la proporción mediana de visitas que aprueban todos los Core Web Vitals es del 85.5%, el mejor tema llega al 98.6% y el peor se queda en el 46.1%. En escritorio, entre 199 temas con datos suficientes, la mediana es del 86.2%, el mejor es del 99.2% y el peor del 30.3%. Cualquier script personalizado añadido a Dawn debería comprobarse con datos reales de visitantes después del lanzamiento, no darse por seguro.
Sí. sections/main-cart.liquid en Horizon tiene 5 ajustes y 9 tipos de bloque, entre ellos section_width, background_color, text_color y dos rangos de padding, padding-block-start y padding-block-end, ambos de 0 a 100 en pasos de 1px. El bloque blocks/_cart-products.liquid añade 14 ajustes propios, entre ellos un rango gap de 8 a 36 en pasos de 4px, un selector image_ratio con 3 opciones y casillas para divisores y visualización del proveedor.
blocks/add-to-cart.liquid tiene 4 ajustes: style_class, un selector con 3 variantes, más custom_button_background, custom_button_text y custom_button_border, todos ajustes de color. Ninguno de estos 4 ajustes afecta directamente a la fijación; eso vive un nivel más arriba, en la casilla enable_sticky_add_to_cart de la sección de información de producto.