Aprende › Diseño de Menú › Carrito

Variante de carrito y colores

Lección 42 de 51 · 2 min

El video de esta lección llega pronto.

Mientras tanto, sigue los pasos escritos.

Al terminar sabrás

  • Elegir una de las cuatro variantes del carrito
  • Colorear el carrito cerrado y el abierto
  • Saber qué ajustes aplican a cada variante

En el panelTu Menú › Diseño del menú › Carrito › Variante de carrito

El carrito tiene dos estados: cerrado (la barra o el botón que ve el cliente mientras elige) y abierto (el panel con la lista de su pedido). En la pestaña Carrito, el lienzo muestra el carrito con datos de ejemplo para que lo diseñes sin armar un pedido.

El Inspector de Carrito con el selector Variante de carrito y los grupos Carrito cerrado y Carrito abierto.
  1. Variante de carrito.
  2. Carrito cerrado: Fondo, Texto y Borde.
  3. Carrito abierto: Fondo del panel.

Las cuatro variantes

Barra stickyUna barra fija con el resumen del pedido, siempre a la vista.La más clara para un menú de pedidos: siempre a la vista.
Botón flotanteUn botón redondo que flota sobre el menú.Ocupa menos espacio: deja ver más productos.
Sidebar carritoUn panel lateral.Pensado para pantallas grandes.
Mini contadorUn contador discreto con el número de productos.Para menús donde pedir no es lo principal.

Colores

Carrito cerrado › FondoEl color de la barra o del botón cuando está minimizado.Sin efecto en la variante lateral.
Carrito cerrado › TextoEl color del texto y del ícono.
Carrito cerrado › BordeEl color del borde. Solo se ve en la variante Barra sticky.
Carrito abierto › Fondo del panelEl color del panel cuando el carrito está desplegado, en las cuatro variantes.
OpcionalPon a prueba lo que aprendiste2 ejercicios

Ejercicios opcionales: 0 de 2 acertados

Los ejercicios son opcionales: si los haces y aciertas todos, la lección se completa sola. Si no, márcala tú.

¿Algo no coincide con lo que ves en tu panel? Cuéntanos.