Al terminar sabrás
- Saber qué muestra y qué permite cada columna
- Seleccionar un elemento desde el lienzo o desde Estructura
- Entender por qué las categorías tienen un candado
En el panelTu Menú › Diseño del menú › Vitrina
El builder trabaja con una idea simple: seleccionas algo y ajustas sus controles. «Algo» puede ser una zona del encabezado, una categoría o un bloque. Lo seleccionas tocándolo en el lienzo o en la columna Estructura, y el Inspector te muestra sus ajustes.
Estructura: el esqueleto de tu Vitrina
La columna Estructura aparece en Vitrina y en Landing Multi-Sedes. En Branding, Detalle, Carrito y Checkout se oculta para dejar más espacio al lienzo y al Inspector.
Qué contiene Estructura
Lienzo: tu menú en vivo
El lienzo muestra tu menú dentro de un dispositivo con las medidas reales. Arriba a la izquierda dice, por ejemplo, Vista real · 390 × 844: es el tamaño en píxeles del teléfono que se está simulando. Toca cualquier elemento y queda seleccionado.
Inspector: los ajustes de lo seleccionado
El Inspector muestra arriba una ruta (por ejemplo, Vitrina › Contenido · Valencia) y el nombre de lo que tienes seleccionado. Debajo van los controles, agrupados en tarjetas que se abren y se cierran. Si no hay nada seleccionado, te lo dice: «Selecciona una zona, una categoría o un bloque».
Practica la selección
- Entra a Vitrina.
- En Estructura, pulsa Encabezado. El Inspector cambia y muestra sus ajustes.
- Ahora toca el encabezado en el lienzo: llegas al mismo lugar por otro camino.
- Pulsa una categoría de la lista. Verás su diseño y una nota: «El nombre y el orden se manejan desde Productos».
OpcionalPon a prueba lo que aprendiste2 ejercicios
¿Algo no coincide con lo que ves en tu panel? Cuéntanos.