¿Cómo usar?
Los Mega Menús Móviles no son tan comunes en móviles como el Tabbar o los Menús deslizantes, porque el área de toque de un Mega Menú a menudo es demasiado pequeña para los dedos de los usuarios. Sin embargo, a veces puede que desee mantener una experiencia consistente entre escritorio y móvil utilizando un Mega Menú en ambas plataformas.
Los Mega Menús Móviles también tienen ventajas: son compactos, se posicionan debajo del encabezado y no ocupan espacio en la pantalla ya que flotan en la pantalla. Como un menú de sección, se desplazan junto con la página.
Beneficios Clave:
- Funciona sin problemas tanto en móvil como en escritorio para una experiencia consistente
- Ahorra espacio y se desplaza con la página.
- Ofrece múltiples estilos de presentación con imágenes, rejillas y diseños de múltiples niveles para una experiencia rica y profesional
FAQ:
1. No he decidido si usar la versión gratuita o de pago. ¿Puedo probar las plantillas de menú profesional?
¡Absolutamente! Los grupos de menú son principalmente para ayudar a los principiantes a evitar sentirse abrumados por las características avanzadas en Navi+ 😄. La mejor manera es probar los menús profesionales para explorar todas las características y opciones de diseño. Más tarde, simplemente puede eliminar cualquier menú que no necesite o que considere inadecuado.
2. ¿Crear un menú aquí hace que aparezca en mi sitio web de inmediato?
Aún no. Necesitarás publicar el menú correcto para que aparezca en tu sitio web. ¡No te preocupes, es fácil!
3. ¿Qué pasa si elijo la plantilla incorrecta o cometo un error?
No hay problema en absoluto. Puedes eliminarlo y crear uno nuevo en cualquier momento. Si estás probando un menú y quieres intentar otra plantilla, puedes guardar el actual como un archivo de respaldo y volver a abrirlo más tarde. Incluso puedes copiar y pegar partes entre menús (abriendo dos pestañas del navegador) para mantener tu trabajo anterior. ¡Siéntete libre de experimentar!
4. ¿Debería crear solo un menú o múltiples?
Deberías crear múltiples menús. Solo el menú activo se mostrará en tu sitio, pero puedes preparar muchas versiones, seleccionando diferentes plantillas o clonando menús. Los menús pueden configurarse para mostrar/ocultar según el tipo de página (inicio, producto, colección...), dispositivo (móvil o escritorio) o palabras clave de URL. ¡Así que adelante y construye menús que se adapten a cada situación!
Paso 1: Editar el árbol de menú
1.1. Entendiendo el Árbol de Menú
El árbol de menú es la parte más importante de cualquier menú: define la estructura.
Aquí hay un ejemplo de un árbol de menú de mega menú móvil:
Menú
Inicio
Catálogo
- Todo Montaña
- Crucero Flex
- Equilibrio Ride
- Freestyle
- Tablero de Parque
- Tablero Jib
- Freeride
Blogs
Soporte
Más
Este es un árbol de menú de 3 niveles. El nivel-1 incluye Menú, Inicio, Catálogo, Soporte, Blogs y Más. Todo-Montaña es un elemento de menú de nivel-2, con algunos elementos secundarios: Crucero Flex y Equilibrio Ride.
Pasarás la mayor parte de tu tiempo construyendo este árbol de menú para tu sitio web, ayudando a los clientes a encontrar el contenido que están buscando.
1.2. Interacciones Básicas con el Árbol de Menú
Puedes arrastrar y soltar elementos del menú hacia arriba y hacia abajo o hacia la izquierda y hacia la derecha para cambiar su posición y relaciones padre-hijo en el árbol de menú.
Cuando pasas el cursor sobre cualquier elemento del menú, verás opciones adicionales: editar los detalles del elemento, eliminarlo del árbol de menú o copiar y pegarlo en otro lugar.
Consejo: Puedes copiar un elemento de menú de un menú a otro abriendo la aplicación Navi+ en dos pestañas del navegador.
1.3. ¡IMPORTANTE! Elimina los elementos de menú de muestra y mantén solo la estructura que deseas.
Esta es una situación común al crear un menú con Navi+. Cuando creas un nuevo menú, incluimos un ejemplo completo con elementos de menú populares para mostrar ideas de diseño y permitirte copiar/pegar según sea necesario. Sin embargo, si eres nuevo en Navi+ y usas el plan Starter, verás muchas advertencias rojas (i) para características que no están disponibles, como subir imágenes o usar interacciones avanzadas.
Si te gustan estas características avanzadas, considera actualizar a un plan Business o Elite. Pero si deseas continuar con el plan Starter, por favor encuentra y elimina los elementos de menú con advertencias rojas (i).
Consejo Importante: Cuando aparezca la confirmación de eliminación, activa “No preguntar de nuevo la próxima vez” para eliminar más rápido.
1.4. Agregar elementos de menú al Árbol de Menú
Para agregar un elemento de menú, tienes dos opciones:
Opción 1 **(No recomendado si eres nuevo en Navi+)**: Haz clic en “Agregar menú” para insertar un elemento de menú en blanco al final del árbol de menú. Este método requiere un buen entendimiento de la configuración de los elementos del menú, que cubriremos a continuación. Puede parecer abrumador al principio, así que puedes explorar esto más tarde.
Opción 2 (Recomendada): Ya hemos preparado muchas plantillas de elementos de menú bien diseñadas para ti. Simplemente cópialas y pégalas en el lugar correcto. Después de terminar tu árbol de menú, simplemente elimina las plantillas no utilizadas.
