Navegación

Administra las opciones que la tienda muestra en encabezado, pie, móvil, barra lateral y barra superior. Cada menú reúne una ubicación, estado, prioridad, reglas de visibilidad y una jerarquía de elementos.

Encontrar un menú

Selecciona primero la ubicación. La tabla permite buscar, ordenar y paginar sus menús; la búsqueda también revisa el contenido de elementos, hijos y columnas. Los accesos sugeridos a pantallas administrativas son resultados de búsqueda, no elementos nuevos del menú de la tienda.

Una búsqueda que comienza por ORD- consulta órdenes y puede mostrar hasta cinco coincidencias. No modifica la navegación ni cambia el contenido del menú.

Crear y guardar

1. Selecciona Nuevo menú o abre uno existente.
2. Captura nombre, ubicación y estado. Para preparar cambios, utiliza Borrador.
3. Ajusta prioridad, menú predeterminado, descripción y apariencia si corresponde.
4. Agrega o edita los elementos y organiza hijos y columnas.
5. Aplica los cambios de cada elemento al árbol. Si utilizas el editor JSON, aplica también su contenido.
6. Revisa visibilidad y fechas.
7. Guarda el menú completo.

El nombre, ubicación y estado son obligatorios. El slug es opcional. Guardar conserva el estado elegido: guardar un menú activo puede afectar la tienda al publicarse ese cambio; guardar un borrador no lo activa.

Estados y acciones

Estado o acción	Resultado
Borrador	Conserva el menú para prepararlo antes de publicarlo.
Activo	Disponible para su ubicación, sujeto a sus reglas de visibilidad.
Programado	Se configura con sus fechas de activación y desactivación.
Archivado	Retira el menú de uso conservando su contenido.
Desactivar	Devuelve el menú activo a borrador.
Duplicar	Crea una copia; revisa su estado y ubicación antes de trabajarla.
Eliminar	Solicita confirmación y elimina el menú.

La prioridad ordena menús de la misma ubicación. Predeterminado marca el menú por omisión; revisa otros menús de esa ubicación para evitar una configuración contradictoria.

Construir los elementos

Tipo	Uso
Enlace	Etiqueta que lleva a una ruta o URL.
Desplegable	Agrupa elementos hijos.
Mega menú	Organiza columnas con sus propios elementos e imagen opcional.
Filtro de catálogo	Abre una selección del catálogo con filtros.
Categoría, colección o marca	Lleva a esa referencia del catálogo.
Tarjeta de imagen	Imagen con título, subtítulo y llamada a la acción.
Encabezado o separador	Organiza visualmente el contenido sin necesitar navegación.

Cada elemento necesita una etiqueta. El editor conserva el orden, distintivo, icono, descripción, resaltado, color y opciones de expansión. Las imágenes se configuran mediante su URL, texto alternativo, tamaño, proporción y presentación; este editor no sube archivos.

El destino puede ser una ruta interna, URL externa, referencia del catálogo, filtro o ninguno. Usa una ruta interna como /catalog para la tienda y una URL completa para un sitio externo. Evita configurar una URL directa y un destino contradictorios.

Los hijos y columnas se editan como parte del menú. Agregar o quitar un elemento todavía necesita Guardar para persistir el menú completo.

Visibilidad y programación

El menú y cada elemento tienen sus propias reglas:

• Roles permitidos.
• Dispositivos: escritorio, tablet y móvil. Sin selección no se limita por dispositivo.
• Oculto, solo autenticados o solo invitados.
• Número mínimo de compras.
• Visible desde y hasta.

Revisa juntas las reglas del menú y las del elemento. Marcar solo autenticados y solo invitados a la vez puede dejarlo sin público. Las fechas de visibilidad de un elemento y la programación de activación del menú resuelven necesidades distintas.

Edición avanzada y cambios pendientes

El editor JSON permite modificar elementos completos. Debe contener una lista válida y cada elemento debe conservar su etiqueta y estructura de hijos o columnas. Los ajustes avanzados deben ser un objeto JSON, no una lista. Un contenido inválido se señala y no se aplica.

Si queda un elemento por aplicar o un JSON diferente del árbol, resuélvelo antes de guardar. El aviso de salida contempla campos, árbol y edición avanzada: puedes descartar o seguir editando. No cierres la pantalla durante el guardado.

Acceso y problemas frecuentes

La consulta requiere navigation:read y la personalización de tienda habilitada para la empresa. Crear, editar, duplicar, activar, desactivar y archivar requieren navigation:write. Eliminar requiere navigation:delete. Sin escritura, el editor muestra una vista de consulta. El servidor comprueba la autorización de cada operación.

Si un menú guardado no aparece en tienda, revisa ubicación, estado, fechas y visibilidad. Si falta solo un elemento, revisa sus reglas y destino. Un error de guardado conserva los cambios para corregirlos o reintentar.

Su efecto en la tienda

Lo que se guarda aquí lo lee la tienda desde su propia copia del menú. Comprobado por las pruebas automatizadas STO-HOM-002 (encabezado) y STO-HOM-003 (pie):

• Un menú Activo de la ubicación aparece en la tienda con las etiquetas exactas. Si hay varios activos en la misma ubicación, gana el marcado como Predeterminado; si ninguno lo está, el de mayor prioridad.
• Los cambios tardan hasta un minuto en verse: la tienda guarda el menú activo en memoria ese tiempo.
• Un elemento marcado Oculto no se pinta ni lo entrega la tienda.
• Quitar un elemento y guardar lo retira del encabezado.
• En el pie, cada elemento de primer nivel es el título de una columna y sus hijos son los enlaces de esa columna.

Comportamientos actuales que conviene conocer antes de configurar:

• El orden lo da la posición en la lista, no el campo «Orden». Capturar un número en «Orden» no cambia dónde aparece el elemento en la tienda; para moverlo, cambia su posición en el árbol. Solo las columnas de un mega menú respetan su «Orden». (Defecto registrado como BUG-038 en el RPA.)
• «Abrir en pestaña nueva» solo funciona dentro de las columnas de un mega menú. Un enlace de primer nivel del encabezado abre en la misma pestaña aunque la opción esté marcada. (BUG-037.)
• Un «Desplegable» con hijos se abre vacío en escritorio. El encabezado de escritorio muestra las columnas del elemento, no sus hijos. Para agrupar enlaces en escritorio usa Mega menú con al menos una columna. (BUG-039.)
• Un enlace del pie que apunta a una página estática no desaparece cuando esa página se despublica: queda apuntando a una página que responde «no encontrada». Retira el enlace aquí al despublicar la página.
• La pantalla está incluida con la herramienta Tienda en línea (en cualquier plan) o con el plan Control (personalización de la tienda). Sin ella, la entrada no aparece en el menú y el servidor rechaza las operaciones con 402.