Al terminar sabrás
- Estilizar los grupos de variantes y sus opciones
- Definir los colores de selección
- Entender el orden de prioridad entre color de selección y tipografía
En el panelTu Menú › Diseño del menú › Detalle › Variantes y extras
Las variantes y extras son los grupos de opciones que creaste en Menú › Variables y vinculaste a tus productos: el punto de cocción, los adicionales, el tamaño. En el detalle se muestran como grupos con un título y opciones para elegir. La tarjeta Variantes y extras controla cómo se ven.
- Los editores de tipografía: Título de grupo de variables, Etiqueta «Requerido», Descripción de grupo de variables, Texto de opción de variable y Precio de opción de variable.
- Fondo de grupos y Contorno de grupos.
- Acento de selección, Fondo si está seleccionada y Texto si está seleccionada.
Textos
Título de grupo de variablesEl título de cada grupo, por ejemplo «Punto de cocción».
Etiqueta «Requerido»La marca que acompaña a los grupos obligatorios.Dale un color de acento para que se note qué falta elegir.
Descripción de grupo de variablesEl texto de ayuda bajo el título del grupo.
Texto de opción de variableEl nombre de cada opción.
Precio de opción de variableEl precio adicional de cada opción.
Colores
Fondo de gruposEl color de fondo de cada grupo de opciones.
Contorno de gruposEl borde de cada grupo.
Acento de selecciónEl color con que se marca la opción elegida (hoy colorea el precio).
Fondo si está seleccionadaEl fondo de la opción que el cliente elige. Sin configurar, se usa un velo del color de acento.
Texto si está seleccionadaEl color del texto de la opción elegida, para que la selección no pierda contraste.
Que la opción elegida se note
- En Fondo si está seleccionada, elige tu color primario.
- En Texto si está seleccionada, elige un color que contraste con ese fondo (blanco sobre un primario oscuro).
- Revisa en el lienzo con un producto que tenga variantes: elige una opción y confirma que se ve claramente.
OpcionalPon a prueba lo que aprendiste2 ejercicios
¿Algo no coincide con lo que ves en tu panel? Cuéntanos.