Al terminar sabrás
- Elegir entre ancho «Boxed» y «Full width»
- Despegar una sección del borde para que parezca una tarjeta
- Configurar una fila de dos columnas y su fondo
En el panelTu Menú › Diseño del menú › Vitrina › Contenido › Categoría › Presentación de esta fila
Cada categoría vive en una fila. El grupo Presentación de esta fila define cómo se coloca esa fila en la pantalla, antes de hablar de tarjetas.
AnchoBoxed deja la sección en una caja centrada con márgenes; Full width la extiende de borde a borde.
Radio de esquina (px)El redondeo de las esquinas de la sección, de 0 a 48.
Separación de la sección con la pantalla (px)De 0 a 64. Despega TODA la sección del borde de la pantalla: se ve como una tarjeta y deja ver el fondo de la página.No es el «Espaciado interno», que es el relleno dentro de la sección.
Filas de dos columnas
Una fila puede contener una sola categoría o un bloque (capítulo 6), o hasta dos elementos lado a lado. Cuando seleccionas una fila de dos columnas en Estructura, el Inspector muestra Fila seleccionada con ajustes propios.
- Columnas de la fila: 1 o 2.
- Proporción de columnas: 50 / 50, 75 / 25 o 25 / 75.
- Disposición de la fila: Caja centrada o Ancho completo.
- Radio del borde, Separación con la pantalla y entre columnas.
- Fondo de la fila.
Columnas de la fila1 o 2.
Proporción de columnasCómo se reparte el ancho: 50 / 50, 75 / 25 o 25 / 75. Solo aplica con 2 columnas.
Disposición de la filaCaja centrada o Ancho completo.
Radio del bordeDe 0 a 48 px.
Separación de la sección con la pantallaDe 0 a 64 px.
Separación entre columnasDe 0 a 64 px.
Fondo de la filaLas cuatro pestañas de fondo (Sólido, Degradado, Imagen, Video) detrás de esta fila sola. Se pinta encima del fondo de la zona de Productos.El fondo de una categoría se configura en la categoría, no en la fila.
OpcionalPon a prueba lo que aprendiste1 ejercicio
¿Algo no coincide con lo que ves en tu panel? Cuéntanos.