Módulo Menú Hamburguesa Pro

El menú lateral que no penaliza la velocidad de tu tienda. Monta el árbol que quieras, decide cuánto viaja en cada página y deja que el resto se cargue solo cuando el cliente lo abre. Compatible con PrestaShop 8 y 9, sin overrides y sin tocar tu plantilla.

Rendimiento primero

• Carga diferida por niveles. Elige cuánto menú va en el HTML: todo, solo el primer nivel, los dos primeros… El resto se pide por AJAX cuando el visitante abre esa rama.
• Ramas grandes fuera automáticamente. Indica un tamaño y cualquier rama que lo supere —un listado de marcas, un catálogo entero— se descarga sola del HTML sin que la marques a mano.
• Los datos estructurados no se resienten. El JSON-LD de la navegación se emite siempre completo aunque el marcado vaya diferido.
• Precarga opcional de la página de cada entrada al pasar el ratón, para que la navegación se note instantánea.

Tres formas de abrir un submenú

Y las eliges por separado para escritorio y para móvil, porque lo que funciona en una pantalla no funciona en la otra.

Panel agrupado estilo megamenú

Cuando una categoría tiene nietos, su panel puede mostrarse en columnas: cada subcategoría como encabezado y debajo las suyas. Los grupos se reparten solos y saltan a la columna de al lado cuando la anterior se llena, así que no aparece barra de desplazamiento y ningún grupo se parte por la mitad. El menú se ensancha mientras ese panel está abierto y vuelve a su tamaño al cerrarlo.

Genera los iconos con inteligencia artificial

Pon tu clave de Anthropic, OpenAI o Google Gemini y el módulo crea un icono SVG para cada entrada del menú a partir de su propio texto, con el estilo y la temática de tu tienda.

• Se generan en lote y aparecen en un panel de revisión: aceptas los que te convencen y descartas el resto. Nada se guarda hasta que lo apruebas.
• Son SVG reales, no imágenes: heredan el color del menú y pesan unos pocos bytes.
• Todo lo generado pasa por un saneador que descarta scripts, manejadores de evento y enlaces ejecutables.

Mucho más que una lista de enlaces

Bajo los enlaces puedes activar bloques que convierten el menú en un punto de contacto real:

• Cabecera con el logo de la tienda o una imagen tuya, fija al desplazar y con el logo encogiendo para no comerse la pantalla.
• Mi cuenta con acceso a pedidos, direcciones y datos, o botones de acceso y registro si el visitante no ha entrado.
• Contacto con teléfono, email, horario y WhatsApp con mensaje preescrito, que sube claramente la tasa de respuesta.
• Redes sociales: Facebook, Instagram, TikTok, YouTube, X, LinkedIn, Telegram y Pinterest.
• Bloque de confianza con hasta tres argumentos de venta: envío gratis, plazo de entrega, devoluciones…
• Resumen de opiniones a partir del módulo de valoraciones de PrestaShop.
• Botones extra ilimitados, arriba o abajo, con sus cuatro colores, redondeo e icono propio.
• Buscador interno que filtra las entradas mientras se escribe.
• Bloque de HTML libre para banners o avisos de campaña.

Se adapta a tu diseño, no al revés

• Cinco paletas listas para usar —Rekire, Medianoche, Suave, Alto contraste y Cálido— sobre tema claro u oscuro.
• Control total del color: fondo, texto, hover, separadores y cabeceras de bloque. Los tonos derivados se calculan solos y, si eliges un fondo sin fijar el texto, se escoge uno legible automáticamente.
• Aviso de contraste: la configuración calcula la relación real y te avisa si el color elegido no se va a leer.
• Editor de CSS propio integrado en el back office.

Detalles que se notan

• Marca dónde estás: resalta la entrada de la página abierta y su rama. Una ficha de producto marca su categoría.
• Cerrar deslizando en pantallas táctiles, con el menú siguiendo al dedo.
• Importar y exportar el menú completo en JSON: copia de seguridad, o llevarlo de desarrollo a producción sin repetir el trabajo.
• Medición en GA4 y GTM: cada clic empuja un evento al dataLayer con la entrada y su URL, para saber qué aporta el menú de verdad.
• Accesibilidad cuidada: aria-expanded, cierre con Escape, foco devuelto al botón, áreas de 44 px y respeto por prefers-reduced-motion.
• Datos estructurados JSON-LD de la navegación, con la profundidad que decidas.

Instalar y listo

• No hace falta tocar tu plantilla. Si tu theme no llama al hook, el módulo se inserta solo. Si lo llama, se coloca donde tú decidas y no se duplica.
• Sin overrides ni dependencias externas.
• Desinstalar no borra nada: el menú, los bloques y la configuración sobreviven, y al reinstalar vuelve todo tal cual. Hay un interruptor por si prefieres la limpieza completa.
• Panel de diagnóstico que comprueba hooks, elementos y la integración con el theme, y te dice exactamente qué falta si algo no se ve.
• Español e inglés de serie, con más de 300 cadenas traducidas.