Megamenú
Transforma cualquier elemento del menú en un panel de ancho completo con múltiples columnas, imágenes destacadas, iconos y contenido HTML personalizado.
Activar el megamenú
- Ve a Menu Builder → Megamenú.
- En la lista de elementos del menú, activa el interruptor Megamenú del elemento que quieres convertir.
- Haz clic en ＋ Añadir columna para añadir la primera columna al panel.
- Configura el contenido de cada columna y guarda el menú.
Tipos de columna
Cada columna del megamenú puede contener uno de los siguientes tipos de contenido:
| Tipo | Descripción |
|---|---|
| Lista de enlaces | Una lista vertical de enlaces de submenú, con título opcional. |
| Imagen destacada | Una imagen con título, texto descriptivo y enlace opcionales. |
| HTML personalizado | Cualquier HTML, shortcode de WordPress o código de inserción. |
| Separador | Un espaciador visual para organizar el panel. |
Imagen destacada
La columna de imagen destacada es ideal para resaltar una categoría o producto con una imagen atractiva. Puedes ajustar el ancho de la imagen, el radio de borde y si el enlace abarca toda la columna o solo el texto.
Estilo del panel
El panel del megamenú tiene sus propios controles de estilo independientes del menú principal:
- Ancho — ancho completo (100% del viewport) o personalizado en píxeles.
- Fondo — color sólido, degradado o imagen de fondo.
- Radio de borde y sombra — para darle un acabado visual cuidado.
- Columnas de la cuadrícula — de 2 a 6 columnas con distribución flexible.
- Animación — elige entre fundido, deslizamiento hacia abajo o sin animación.
Comportamiento en móvil
En dispositivos móviles, cuando un elemento principal tiene un megamenú, al pulsar sobre él se abre un panel de pantalla completa con un botón ← Volver, lo que da a la navegación un aspecto de aplicación nativa.
- Visible en móvil — la navegación push descrita anteriormente.
- Oculto en móvil — el panel no se renderiza en pantallas pequeñas.
En móvil, las personalizaciones individuales de estilo del megamenú (fondo, colores, fuentes) se desactivan automáticamente para que los enlaces se rendericen siempre con el estilo neutro del menú móvil.