Kowal Mega Menu — megamenú automático para Magento 2

MAGENTO 2 · CATEGORÍAS · MENÚ DE ESCRITORIO · LUMA Y HYVÄ

Kowal Megamenu

Presenta el catálogo en columnas o bajo el botón PRODUCTOS. El menú utiliza la estructura de categorías de la tienda, mientras que los enlaces personalizados llevan a colecciones, ofertas y otras páginas importantes.

1–6 columnas · Enlaces personalizados · Adaptador Hyvä opcional

CÓMO FUNCIONA EN LA PRÁCTICA

Kowal Megamenu convierte el árbol de categorías en un menú de escritorio claro con varias columnas. El módulo utiliza las categorías de la tienda actual, su orden, actividad y visibilidad.

Adapta la distribución al catálogo. El nivel 1 es clicable, el nivel 2 permanece visible y el nivel 3 o superior puede abrirse en un submenú.

Añade enlaces a ofertas, novedades, colecciones, blog o contacto antes o después de las categorías.

El módulo funciona con Luma y dispone de un adaptador opcional para el menú de escritorio estándar de Hyvä. En móviles se mantiene la navegación nativa.

• generación automática a partir de las categorías de Store View,
• distribución de 1 a 6 columnas,
• niveles 3 o superiores opcionales,
• enlaces personalizados y clases CSS,
• configuración por vista de tienda,
• vuelta a la navegación nativa al desactivar el módulo,
• compatibilidad con ratón y teclado.

Compatibilidad: Magento 2.4.6+, PHP compatible con la versión de Magento (mínimo 8.1). Las cabeceras o los puntos de ruptura personalizados pueden requerir adaptar la integración.

En Stores → Configuration → Kowal → Megamenu elige Nativo, Megamenú o PRODUCTOS: lista de categorías y megamenú. La variante nativa conserva el menú del tema sin los enlaces personalizados del módulo.

La variante PRODUCTOS abre una lista vertical de categorías principales y un submenú a la derecha. Puedes configurar por Store View la etiqueta del botón y la alineación de la barra al centro, a la izquierda o a la derecha.

El menú respeta la categoría raíz, el orden, la actividad y Include in Menu. Las categorías bajo un padre no visible no se muestran. Las cabeceras de las columnas siguen siendo clicables y los niveles más profundos pueden activarse como submenús.

Cada enlace personalizado tiene URL, texto, clases CSS opcionales y una posición antes o después de las categorías. Las rutas relativas utilizan la dirección base de la tienda; las clases requieren estilos propios. En la variante PRODUCTOS, todos los enlaces adicionales aparecen después del botón.

El módulo y el interruptor del adaptador están desactivados por defecto en la configuración. En Luma, activa Enable Megamenu. En Hyvä, activa también el adaptador Kowal_MegamenuHyva y Enable Hyva Adapter en la vista correspondiente.

El adaptador conserva la barra de escritorio estándar de Hyvä y sustituye el contenido de los paneles de categorías compatibles. La navegación móvil nativa no cambia; los enlaces adicionales del módulo corresponden al escritorio.

El menú permite abrirse con el botón y al pasar el ratón, y admite Tab, Enter/Space, ArrowDown, Escape y clic fuera del panel. El enlace de categoría conserva su función de acceso a la página.

Luma utiliza la versión de escritorio desde 768 px y Hyvä conserva el punto de ruptura de la barra del tema. Las cabeceras personalizadas, las plantillas monolíticas antiguas y Hyvä Commerce Menu Builder requieren una integración aparte. También deben tenerse en cuenta las reglas B2B de acceso a las categorías durante la implementación.

Tras los cambios, limpia las cachés config, layout, block_html y full_page. El menú utiliza las etiquetas de las categorías y se almacena en caché junto con la página en FPC/Varnish.

Desactivar el módulo restaura el renderizador nativo. Las ampliaciones del árbol de menú de otras extensiones en Luma no se trasladan automáticamente al megamenú; comprueba los elementos necesarios antes de publicarlo.

Pakiet kowal/module-megamenu, módulo Kowal_Megamenu. Tras configurar el acceso al repositorio de Kowal, instala el paquete, activa el módulo, actualiza Magento y limpia la cache. En producción, incluye la compilación y el despliegue de contenido estático de acuerdo con el proceso de la tienda.

1. Organizas las categorías
Defines el orden, la actividad y la visibilidad en el menú.

2. Eliges el tipo de navegación
Configuras columnas, niveles y enlaces personalizados.

3. El cliente utiliza el menú
En el escritorio descubre el catálogo y en el teléfono utiliza la navegación nativa.

La barra principal contiene un botón que despliega una lista vertical de categorías. Sus submenús se abren a la derecha en columnas, mientras que los enlaces a promociones y contacto aparecen junto al botón.