Acabas de terminar de organizar tu catálogo de verano. Cuarenta y tres nuevas colecciones están listas para comenzar, cada una vinculada a un conjunto de productos seleccionado. Abres el editor de tema de Shopify, navegas a la sección de mega menú en tu encabezado y empiezas a agregar bloques para cada colección. Agregas los primeros 16 sin problemas. Luego, cuando haces clic en “Agregar bloque” para el 17, nada sucede. El botón aparece atenuado. Tu tema ha alcanzado su límite de bloques, y siete de tus nuevas categorías no tienen forma de aparecer en el menú.
Este escenario ocurre todos los días en tiendas que ejecutan temas populares como Dawn, Prestige, Impact e Impulse. Cada tema establece su propio número máximo de bloques por sección, y esos límites suelen ser más bajos que lo que demandan los catálogos en crecimiento. Comprender de dónde provienen estos límites — y cuándo se convierten en un problema real — ahorra horas de frustración y previene la pérdida de ingresos invisible de categorías ocultas.
- La plataforma Shopify permite hasta 50 bloques por sección, pero la mayoría de temas aplican su propio límite más bajo (Dawn: 25, Prestige: 16, Impact: 20).
- Cada elemento de menú, imagen, encabezado y enlace dentro de un mega menú generalmente consume un bloque.
- Las tiendas comúnmente alcanzan límites de bloques con 100–200 productos en 20+ colecciones.
- Las aplicaciones de menú evitan los límites de bloques por completo al renderizar la navegación fuera de la arquitectura de secciones del tema.
Qué son realmente los límites de bloques
Shopify Online Store 2.0 introdujo una arquitectura de secciones y bloques que rige cómo los temas renderizan contenido. Cada sección (encabezado, pie de página, banner de héroe, cuadrícula de productos) puede contener un número fijo de bloques. Cada bloque representa un elemento configurable — un enlace de menú, una imagen, un encabezado, un banner promocional dentro de un panel de mega menú.
La plataforma en sí limita los bloques a 50 por sección — este es un límite a nivel de Shopify documentado en su changelog de arquitectura de tema. Pero los temas raramente permiten los 50 completos. Los desarrolladores de temas establecen un valor max_blocks en su esquema de sección que determina cuántos bloques están disponibles. Las razones para restringir esto varían:
Estabilidad de rendimiento. Cada bloque agrega elementos DOM y datos de configuración. Con números más altos, el editor de tema se ralentiza, el renderizado de vista previa tarda más, y los comerciantes menos experimentados se enfrentan a interfaces de administración confusas.
Suposiciones de diseño visual. Los diseñadores de temas construyen diseños de mega menú asumiendo un cierto número de elementos. Un mega menú diseñado para 16 elementos podría usar un diseño de 4 columnas donde cada columna tiene 4 elementos. Agregar un 17º elemento rompería la cuadrícula, empujaría el contenido por debajo del pliegue, o crearía un diseño visual desequilibrado.
Alcance del aseguramiento de calidad. Probar un tema en todas las posibles configuraciones de bloques es costoso. Al limitar los bloques a 16 o 20, los desarrolladores de temas pueden probar minuciosamente cada combinación de diseño posible y garantizar que se vea bien. Con 50 bloques, el número de permutaciones de diseño hace que las pruebas exhaustivas sean impracticables.
Límites de bloques en temas populares de Shopify
Así es como los límites de bloques se juegan en los temas que las tiendas Shopify comúnmente utilizan:
| Tema | Máx. bloques (sección de encabezado/mega menú) | Notas |
|---|---|---|
| Dawn (gratuito) | 25 bloques | Tema de referencia de Shopify; los bloques de mega menú comparten el límite de 25 bloques con otros elementos de encabezado |
| Prestige (Clean Canvas) | 16 bloques por mega menú | Uno de los límites más estrictos; las tiendas con 20+ categorías alcanzan esto rápidamente |
| Impact (Maestrooo) | 20 bloques por sección | El mega menú de Impact usa bloques anidados, por lo que las imágenes y encabezados también consumen bloques |
| Impulse (Archetype) | 16 elementos de menú por menú desplegable | Impulse cuenta enlaces de menú reales, pero los bloques de imagen y colecciones destacadas también consumen espacios |
| Warehouse (Maestrooo) | 20 bloques | Similar a Impact, diseñado para catálogos más grandes pero aún limitado |
| Symmetry (Clean Canvas) | 12 bloques por columna de mega menú | Los límites más estrictos por columna significan que las categorías grandes deben dividirse entre múltiples columnas |
Estos números son engañosos porque no todos los bloques son enlaces de menú. En la mayoría de los temas, un único panel de mega menú podría usar bloques para:
- Enlaces de elementos de menú (un bloque por enlace)
- Encabezados de sección (un bloque por encabezado)
- Imágenes destacadas o banners promocionales (un bloque por imagen)
- Tarjetas de colección o destacados de productos (uno cada uno)
Un panel de mega menú con dos encabezados, dos imágenes promocionales y 12 enlaces de colección usa 16 bloques — el máximo en Prestige — aunque solo 12 enlaces de menú reales sean visibles. Agrega un enlace de colección más, y superarás el límite.
Cómo saber si los límites de bloques están dañando tu tienda
Los límites de bloques crean un tipo específico de problema: categorías invisibles. A diferencia de un diseño roto o una página lenta, el daño de los elementos de menú faltantes es silencioso. Los compradores simplemente nunca descubren categorías que no aparecen en el menú, y nunca escuchas hablar sobre los productos que no sabían que existían.
Aquí están las señales:
Tu menú no refleja la estructura completa de tu catálogo. Abre tu administrador de Shopify e enumera todas tus colecciones activas. Luego abre el menú de navegación de tu tienda. Si hay una brecha — colecciones que existen pero no aparecen en ningún menú — probablemente has alcanzado un límite de bloques o tomaste la decisión consciente de ocultar categorías. De cualquier manera, esas categorías ocultas son invisibles para los compradores que navegan por menú (aproximadamente el 69% de los compradores en línea, según investigación del Baymard Institute).
Estás haciendo compromisos de categoría para ajustarse al límite. ¿Estás agrupando colecciones no relacionadas bajo un encabezado vago como “Más” u “Otro” para ahorrar espacios de menú? ¿Estás combinando “Zapatos para correr” y “Zapatos para caminar” en una única categoría “Zapatos deportivos” porque no puedes permitirte dos bloques? Estos compromisos canjean descubribilidad por conveniencia.
Tu mega menú se ve diferente en diferentes páginas. Algunos propietarios de tiendas crean múltiples configuraciones de menú — mostrando diferentes subconjuntos de categoría en diferentes páginas — para evitar los límites de bloques. Esta inconsistencia confunde a los compradores que esperan que el menú se vea igual en todas partes.
Has dejado de agregar nuevas colecciones al menú. Esta es la señal más clara. Si creas nuevas colecciones pero no las agregas a la navegación porque “no hay espacio”, los límites de bloques están limitando activamente el crecimiento de tu tienda.
Tu búsqueda del sitio muestra un uso alto para términos relacionados con categorías. Si los compradores buscan nombres de colecciones como “chaquetas para exteriores” o “electrodomésticos de cocina” que deberían ser categorías navegables, significa que no pueden encontrar esas categorías en el menú. Revisa tu análisis de búsqueda del sitio — si los términos a nivel de categoría aparecen frecuentemente en consultas de búsqueda, tu menú no está haciendo que esas categorías sean visibles de manera efectiva.
Las matemáticas: cuándo los límites de bloques te cuestan ingresos
Cuantificar el impacto de los elementos de menú faltantes requiere algunos supuestos, pero el marco es directo.
Supongamos que tu tienda tiene 35 colecciones activas pero el mega menú de tu tema solo muestra 20 debido a límites de bloques. Eso significa que 15 colecciones — aproximadamente el 43% de tu catálogo — no son accesibles directamente desde el menú principal. Los compradores aún pueden alcanzar estas colecciones a través de búsqueda, enlaces directos en páginas de colecciones, o navegando a través de categorías principales más amplias, pero cada ruta alternativa agrega fricción.
La investigación del Baymard Institute muestra que las categorías no visibles en la navegación principal ven un compromiso significativamente menor, a menudo 30–50% menos tráfico en comparación con categorías visibles en el menú. Si esas 15 colecciones ocultas promedian $2,000/mes en ingresos cada una (cuando se exponen adecuadamente), y ocultarlas reduce el tráfico en un 35%, estás perdiendo aproximadamente $10,500/mes — $126,000/año — en ingresos potenciales solo por fricción de navegación.
Los números escalan con tu catálogo. Una tienda con 60 colecciones que alcanza un límite de 16 bloques está ocultando 44 colecciones. Incluso estimaciones conservadoras sugieren una pérdida de ingresos significativa de categorías que los compradores simplemente nunca descubren.
Trabajando alrededor de límites de bloques dentro de tu tema
Antes de cambiar a una aplicación, hay formas legítimas de estirar los límites de tu tema:
Consolida encabezados de menú e imágenes. Si tu mega menú usa bloques para encabezados de sección e imágenes promocionales, eliminar algunos de estos libera espacios para enlaces de categoría reales. Un encabezado que dice “Compra por categoría” está tomando un bloque que podría ser un enlace directo a una colección. Los compradores no necesitan que se les diga que están mirando categorías — el contexto es obvio.
Usa menos bloques promocionales. Las imágenes de productos destacados y los banners estacionales en el mega menú se ven atractivos, pero cada uno consume un bloque. Durante períodos en los que necesitas máxima visibilidad de categoría (lanzamientos estacionales, eventos de ventas), reemplaza temporalmente los bloques promocionales con enlaces de categoría.
Reestructura tu jerarquía de categorías. A veces el problema real no es el límite de bloques — es una estructura de categoría demasiado granular. Si tienes colecciones separadas para “Camisetas azules”, “Camisetas rojas” y “Camisetas verdes”, consolidarlas en “Camisetas” y usar filtros de productos para el color reduce tu uso de bloques sin perder funcionalidad.
Edita el código del tema para aumentar el límite. Si tienes acceso a un desarrollador, el valor max_blocks en el esquema de sección del tema puede aumentarse. Abre el archivo de sección .liquid relevante, encuentra el parámetro max_blocks, y auméntalo. Este es un cambio de código de bajo riesgo, pero ten en cuenta que:
- Aumentar bloques más allá de lo que el tema fue diseñado podría causar problemas de diseño
- Las actualizaciones de tema pueden sobrescribir tu cambio
- El rendimiento en el editor de tema puede degradarse con números de bloque más altos
Así es como se ve el cambio de código:
// En el esquema de sección del encabezado del tema
{
"name": "Mega menu",
"max_blocks": 16 // Cambia esto a 30 o 50
}
Esto funciona, pero es un parche, no una solución. El diseño fue construido para 16 elementos, por lo que agregar 30 probablemente creará problemas de desbordamiento que necesitarán correcciones CSS adicionales.
Cuándo cambiar a una aplicación de menú
El punto de decisión es claro cuando has agotado los trabajos alternativos:
Has consolidado categorías y aún no tienes suficientes bloques. Si tu estructura de categoría ya es tan compacta como puede ser y aún estás alcanzando límites, el tema simplemente no puede soportar tu catálogo.
Necesitas bloques tanto para navegación como para merchandising. Si tu estrategia de mega menú incluye imágenes promocionales, productos destacados y enlaces de categoría completos, quemarás bloques rápidamente. Las aplicaciones separan estas preocupaciones — la estructura de navegación vive en la aplicación, y tu mega menú puede incluir contenido de merchandising enriquecido sin sacrificar la cobertura de categoría.
Tu catálogo crece estacionalmente. Si agregas 10–20 colecciones durante temporadas de vacaciones y las quitas después, ajustar constantemente tu menú para mantenerte dentro de los límites de bloques es una carga de mantenimiento recurrente. Una aplicación que renderiza categorías dinámicamente desde tu lista de colecciones maneja cambios estacionales automáticamente.
Múltiples miembros del personal necesitan administrar el menú. Las aplicaciones típicamente ofrecen editores visuales que son más fáciles de usar que el sistema de bloques del editor de tema. Cuando miembros del equipo no técnicos necesitan agregar o reorganizar elementos de menú, la interfaz de arrastrar y soltar de una aplicación reduce errores y tiempo de capacitación.
Las aplicaciones como Navi+ renderizan navegación independientemente de la arquitectura de bloques del tema, lo que significa que el límite de 16 bloques o 50 bloques simplemente no se aplica. Defines tu estructura de menú en la aplicación, y se renderiza directamente en tu tienda. La sección de encabezado incorporada del tema aún existe (para logo, búsqueda y carrito), pero la capa de navegación es completamente administrada por la aplicación.
Antes de cambiarExporta tu estructura de menú actual (captura de pantalla o documenta cada enlace y su nivel de anidamiento) antes de instalar una aplicación. Esto te da una línea base para replicar en la aplicación y asegura que no se pierdan categorías durante la transición.
Migración de bloques de tema a una aplicación: qué esperar
La migración de un mega menú de tema a un menú administrado por aplicación típicamente toma 1–3 horas para una tienda con 20–50 colecciones. Aquí está lo que el proceso implica:
- Instala y configura la aplicación. La mayoría de las aplicaciones de menú proporcionan un asistente de incorporación que lee tu estructura de menú Shopify existente e la importa.
- Mapea colecciones a elementos de menú. Para colecciones que no estaban en el menú del tema (debido a límites de bloques), agrégalas a la estructura de menú de la aplicación. Este es el paso donde recuperas las categorías ocultas.
- Configura el diseño. Elige el estilo de mega menú, número de columnas y cualquier elemento promocional. Las aplicaciones típicamente ofrecen múltiples opciones de diseño que se adaptan al número de elementos.
- Prueba en móvil y escritorio. Verifica que el menú se renderice correctamente en dispositivos. Presta atención al tamaño del panel de mega menú, comportamiento de desplazamiento y objetivos de toque en móvil.
- Desactiva el menú incorporado del tema. La mayoría de las aplicaciones proporcionan instrucciones para ocultar la navegación nativa del tema para evitar menús duplicados.
El problema más común durante la migración es menús duplicados — la navegación incorporada del tema mostrándose junto al menú de la aplicación. Esto sucede cuando la sección de encabezado del tema no está adecuadamente configurada para ocultar su navegación. La mayoría de las aplicaciones incluyen documentación específica del tema para manejar esto, y los equipos de soporte pueden ayudar con el cambio.
Después de la migración, monitorea tu análisis durante 2–4 semanas. Busca cambios en:
- Tráfico de página de colección (debería aumentar para categorías previamente ocultas)
- Compromiso de navegación móvil (más toques, menor tasa de rebote)
- Volumen de búsqueda del sitio para términos de categoría (debería disminuir a medida que las categorías se vuelvan visibles en el menú)
Si los números mejoran — y la investigación sugiere que lo harán para tiendas que estaban alcanzando límites de bloques — la aplicación se ha pagada sola.
Este artículo es parte de la guía más amplia sobre Limitaciones de menús de tema Shopify: cuándo usar una aplicación de menú.