¿Cómo usar?
Slide Menu—también conocido como Hamburger Menu, Sidebar Menu o Drawer Menu—se utiliza comúnmente en sitios web de Shopify al adaptar el menú de escritorio para móviles. Típicamente, este menú predeterminado es simple, sin imágenes ni diseños avanzados. Navi+ ofrece un reemplazo completo para ese menú básico predeterminado.
Beneficios Clave:
- Reemplaza completamente el menú simple predeterminado de Shopify
- Ofrece múltiples estilos de presentación con imágenes, rejillas y diseños de múltiples niveles para una experiencia rica y profesional
- Funciona sin problemas tanto en móviles como en escritorio para una experiencia consistente
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ú están principalmente para ayudar a los principiantes a evitar sentirse abrumados por las funciones 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, puedes simplemente eliminar cualquier menú que no necesites o que consideres 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 la 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 Slide menu:
Slide banner
Deal of the Day
Catalog
All Mountain
- Cruise Flex
- Balance Ride
- Other all-mountain
- Level 3 menu item
Freestyle
- Park Board
- Jib Board
Other products
Blogs
More...
Este es un árbol de menú de 3 niveles. El nivel 1 incluye Slide banner, Deal of the Day, [Catalog + All-Mountain + Freestyle + Other products], Blogs y More... Catalog actuará como un nombre de grupo. All-Mountain también es un elemento de menú de nivel 1, con tres submenús de nivel 2: Cruise Flex, Balance Ride y Other all-mountain.
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 pases el cursor sobre cualquier elemento del menú, verás opciones adicionales: editar los detalles del elemento, eliminarlo del árbol de menú o copiar y pegar 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 funciones que no están disponibles, como subir imágenes o usar interacciones avanzadas.
Si te gustan estas funciones 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ú, solo elimina las plantillas no utilizadas.
