Al terminar sabrás
- Activar el diseño personalizado de una categoría
- Dar fondo, sombra y espaciado a la sección
- Estilizar y decorar el título de la categoría
En el panelTu Menú › Diseño del menú › Vitrina › Contenido › Categoría › Diseño personalizado › Sección
Activar el diseño personalizado
- Selecciona una categoría en Estructura.
- Baja hasta Diseño personalizado y enciende el interruptor.
- Aparecen los grupos: Sección, Tarjeta, Imagen, Nombre del producto, Descripción, Botón agregar, Precio y Etiquetas, cada uno con su interruptor «Personalizar…» o «Mostrar…».
- Enciende el de Sección y pulsa su nombre para desplegarlo.
- El interruptor Diseño personalizado.
- Cada grupo tiene su interruptor y se despliega al pulsar su nombre.
- Volver a estilo global quita todo el diseño personalizado de la categoría.
Sección › Fondo y espacio
Fondo de la secciónDos pestañas: Color o Imagen. Con Color eliges Color sección; con Imagen la cargas y ajustas su posición, opacidad y, si es un patrón, su tamaño y desplazamiento infinito.
Sombra de secciónUn interruptor con Color, Difuminado (px) y Opacidad (%). En filas «boxed» se ve como elevación; en «full width», como separación en el borde superior e inferior.
Espaciado interno (px)La distancia horizontal entre el borde de la sección (fondo o imagen) y su contenido (título y tarjetas). De 0 a 48.
Espacio arriba, dentro del fondo (px)Relleno superior, antes del título. De 0 a 96.
Espacio abajo, dentro del fondo (px)Relleno inferior: separa la última tarjeta del borde de la sección. De 0 a 96.
Sección › Título
Tipografía del títuloEl editor de tipografía del nombre de la categoría. Ofrece también la alineación.
Alineación del títuloIzquierda, Centro o Derecha.
Elemento decorativo (a la derecha del título)Cuatro opciones: Ninguno, Imagen, Línea o Ícono.
Línea debajo del títuloUn interruptor con Color, Grosor (px), Ancho (%) y Distancia al título (px).Una línea fina del color de tu acento da un acabado elegante.
Haz esto
- Un fondo de sección apenas distinto al del menú: separa sin gritar.
- Sombra suave: difuminado alto y opacidad baja.
- Un solo elemento decorativo por categoría.
Evita esto
- Un fondo de imagen cargado debajo de las tarjetas: compite con las fotos de los platos.
- Sombra oscura y corta en todas las secciones: se ve pesado.
OpcionalPon a prueba lo que aprendiste2 ejercicios
¿Algo no coincide con lo que ves en tu panel? Cuéntanos.