Para qué sirven los menús
Un menú de navegación es una lista reutilizable de enlaces. Creas los menús una vez en la sección Menús de tu panel, y luego asignas tu encabezado o pie de página a un menú dentro del constructor. Los mismos menús están disponibles en toda tu tienda, así que un menú puede reutilizarse en varios lugares.
Abrir la sección Menús
Ve a Menús desde la navegación principal. La lista muestra todos los menús que has creado, los más recientes primero, junto con su fecha de creación. Necesitas el permiso de Menús para abrir y editar esta sección.
Crear un nuevo menú
- Haz clic en Crear nuevo menú. Se abrirá una ventana modal.
- Ingresa un Nombre del menú (obligatorio, hasta 50 caracteres). El nombre es solo para tu referencia y nunca se muestra a los compradores.
- Agrega tus elementos en el área de Elementos del menú (ver abajo).
- Haz clic en Guardar.
Un menú debe contener al menos un elemento con una etiqueta y un enlace, de lo contrario el guardado será rechazado con el mensaje "Por favor ingresa la primera etiqueta".
Agregar elementos al menú
Escribe en el campo vacío de Etiqueta para crear tu primer elemento. Tan pronto como exista un elemento, aparecerá un campo Enlace, y debajo aparecerá un nuevo campo de etiqueta vacío para que puedas seguir agregando elementos.
- Etiqueta: el texto que ven los compradores, hasta 50 caracteres.
- Enlace: el destino. Debe ser una dirección web completa (por ejemplo https://example.com) o una ruta interna de la tienda de hasta dos segmentos, como /products, /collections/shoes o /pages/about.
El campo Enlace incluye selectores rápidos para que no tengas que escribir las rutas manualmente: Página de inicio, Página de búsqueda y listas buscables de colecciones, Productos y Páginas.
Anidamiento y límites
Los menús admiten tres niveles. Cada elemento puede contener elementos hijos, y cada hijo puede tener sus propios elementos:
- Etiqueta (nivel superior): hasta 5 elementos.
- Subetiqueta (segundo nivel): hasta 10 elementos bajo cada elemento de nivel superior.
- Etiqueta específica (tercer nivel): hasta 10 elementos bajo cada subetiqueta.
Cuando un nivel está lleno, su campo para agregar se desactiva y muestra un mensaje de "límite alcanzado". Cómo aparecen estos elementos anidados para los compradores (como un desplegable, un panel de mega menú o un cajón) se elige después en el constructor, no aquí. El editor de menús solo define la estructura de enlaces.
Reordenar y eliminar elementos
Arrastra un elemento por el asa (el icono de barras a la izquierda) para reordenarlo dentro de su nivel. Haz clic en el botón rojo de la papelera en un elemento para eliminarlo junto con cualquier elemento anidado debajo de él.
Editar o eliminar un menú
- Haz clic en una fila de menú en la lista para abrirlo. La ventana modal muestra el nombre y todos los elementos actuales.
- Cambia el nombre o los elementos, luego haz clic en Guardar. El botón Guardar permanece deshabilitado hasta que realmente cambies algo.
Para eliminar menús, marca la casilla en cada fila de menú y haz clic en Eliminar menús en la barra de acciones de la tabla. Eliminar un menú al que todavía apunta un encabezado o pie de página deja ese bloque sin enlaces hasta que asignes otro menú.
Conectar un menú al encabezado
- Abre el constructor y selecciona la sección Encabezado, luego haz clic en el elemento Menú.
- En Menú, haz clic en Seleccionar menú. Se abrirá un desplegable con un cuadro de búsqueda y tus menús listados. Elige uno. (El selector precarga tus 10 menús más recientes; escribe en el cuadro de búsqueda para encontrar menús más antiguos).
- Una vez elegido un menú, tendrás los botones Reemplazar, Editar (abre ese menú en una nueva pestaña) y Eliminar.
- Las secciones de Apariencia y Diseño móvil solo aparecen después de seleccionar un menú. Configúralas y luego publica la página.
Opciones de apariencia del menú del encabezado
- Tipo: Mega menú (paneles grandes de varias columnas), Desplegable (listas simples) o Cajón (un panel deslizante).
- Posición: izquierda, centro o derecha dentro del encabezado.
- Fila: superior (misma fila que el logo) o inferior (una fila separada debajo).
- Esquema de color: uno de los 9 esquemas de color de tu tema (0 a 8) para el desplegable o mega panel.
- Diseño móvil: un interruptor de Barra de navegación más su propio esquema de color.
Si configuras el tipo en Cajón, los controles de Posición, Fila y Diseño móvil se ocultan porque un cajón siempre se ancla al borde inicial.
Conectar un menú al pie de página
- Abre el constructor y selecciona la sección Pie de página.
- Si aún no hay un bloque de Menú, agrega uno usando el control de agregar bloque del pie de página. Un pie de página solo puede tener un bloque de Menú.
- En el bloque de Menú, haz clic en Seleccionar menú y elige un menú. El bloque de Menú del pie de página no tiene opciones de tipo de visualización: solo muestra los enlaces del menú.
- Publica la página.
Comportamiento por mercado y publicación
- Tus menús se comparten en toda la tienda. El menú al que apunta el encabezado o pie de página se guarda en la plantilla del constructor, así que diferentes plantillas pueden apuntar a diferentes menús.
- La vista previa del constructor se actualiza al instante, pero los compradores solo ven un menú nuevo o modificado después de que publiques la página que lo usa.
- Editar los elementos de un menú actualiza ese menú en todos los lugares donde se use una vez que las páginas relevantes estén publicadas. No necesitas volver a enlazarlo.
- Usa nombres claros como "Navegación principal" y "Enlaces del pie de página". Los menús del encabezado suelen contener la navegación principal, mientras que los del pie de página incluyen enlaces legales y secundarios, así que mantenerlos separados es la configuración más sencilla.