Los temas Shopify 2.0 (Online Store 2.0) cambiaron la forma en que las apps se integran con las tiendas. Los bloques de aplicaciones, las secciones nativas y las plantillas JSON reemplazaron el antiguo enfoque de inyección de scripts. Así es como Giga Menu y Navi+ se han adaptado — y qué significa para tu tienda.
Qué Cambió Shopify 2.0 para las Apps de Navegación
La arquitectura de Online Store 2.0 de Shopify introdujo:
- Bloques de aplicaciones: Bloques de arrastrar y soltar dentro del editor de temas
- Plantillas JSON: Plantillas de página flexibles para mayor personalización
- Secciones en todas partes: Las secciones de apps pueden aparecer en cualquier página, no solo en la página de inicio
- Extensiones de apps de temas: Las apps se instalan como extensiones en lugar de inyectar código en los archivos del tema
El impacto práctico: las apps de navegación que usan el antiguo método de inyección “editar theme.liquid” ahora tienen una experiencia de instalación más complicada y mayor riesgo de conflictos tras las actualizaciones de temas.
Giga Menu y Shopify 2.0
Giga Menu ha sido actualizado para ser compatible con Shopify 2.0. La app admite:
- Instalación a través del editor de temas (soporte parcial para 2.0)
- Menor inyección de código en comparación con versiones anteriores
- Compatibilidad con la mayoría de los temas OS 2.0, incluidos Dawn, Impulse y Prestige
Problemas pendientes con Giga Menu en OS 2.0:
- Sigue dependiendo de una inyección significativa de JavaScript en algunas configuraciones
- Las actualizaciones de temas pueden romper ocasionalmente el CSS personalizado de Giga Menu
- Las personalizaciones profundas (CSS personalizado) pueden entrar en conflicto con las actualizaciones de temas 2.0
Navi+ y Shopify 2.0
Navi+ fue diseñado con una arquitectura de script embebido que es intrínsecamente independiente del tema:
- El script de Navi+ se carga mediante una única etiqueta de script — compatible con cualquier tema de Shopify
- No se requiere editar plantillas liquid
- Las actualizaciones de temas no rompen Navi+ — el script se carga de forma independiente
- Funciona con los bloques de aplicaciones de OS 2.0 para una integración profunda opcional
Ventajas de Navi+ en OS 2.0:
- Sin conflictos con las actualizaciones de temas
- Funciona entre temas sin necesidad de reconfiguración
- La arquitectura de la app se alinea con la dirección a largo plazo de Shopify para la navegación
Compatibilidad de Temas
| Tema | Giga Menu | Navi+ |
|---|---|---|
| Dawn (predeterminado de Shopify) | ✓ | ✓ |
| Impulse | ✓ | ✓ |
| Prestige | ✓ | ✓ |
| Debut (heredado) | ✓ | ✓ |
| Temas personalizados | ~ (puede requerir ajustes de CSS) | ✓ |
| Storefronts sin cabeza / personalizados | ~ | ✓ (script embed) |
El Panorama General: Por Qué Importa la Arquitectura
Una app de navegación para Shopify que se rompe tras cada actualización de tema genera costos ocultos:
- Tiempo de desarrollador para solucionar conflictos de CSS
- Tiempo de inactividad de la navegación durante las actualizaciones
- Experiencia inconsistente tras las actualizaciones de apps/temas
La arquitectura independiente del tema de Navi+ significa que tu configuración de navegación está aislada de los cambios de tema. Actualizas tu tema; Navi+ sigue funcionando sin cambios.
Conclusión
Tanto Giga Menu como Navi+ funcionan con los temas modernos Shopify 2.0. La diferencia práctica radica en la fiabilidad durante las actualizaciones de temas: la arquitectura de script independiente de Navi+ tiene menos probabilidades de requerir atención tras los cambios de tema. Para tiendas que actualizan temas con frecuencia o usan múltiples temas (pruebas A/B), la arquitectura de Navi+ es la opción de menor mantenimiento.
→ Ver la comparación completa: Navi+ vs Giga Menu