La barra de abajo del celular
Tu tienda
Hoy
Vendido hoy
128.40 usd
64% de tu meta de 200.00 usd
Por atender
2
Reserva más cerca
—
Componente · Barra inferior
Una barra que te dice cómo va tu día antes de tocarla
Cada botón se mueve según un dato real de la tienda, no por adorno. Las mismas 5 secciones de hoy: Hoy, Pedidos, Reservas, Productos y Más.
Pruébala
Los montos y conteos son de ejemplo.
Hoy · anillo de la meta del díaSe llena con lo vendido contra tu meta. Cada venta sube con su monto desde el botón; al llegar se pone verde y chispea una vez.
Pedidos · la bandeja recibeCuando entra un pedido, la hoja cae en la bandeja y el número rueda al nuevo. Si uno lleva rato esperando, la insignia late.
Reservas · reloj de verdadLa manecilla avanza y el arco se vacía con el tiempo que le queda a la próxima reserva. Verde, ámbar a 5 min, rojo en el último minuto.
Productos · aviso de existenciasUn punto ámbar con cuántos quedan bajos; rojo si alguno se agotó. La caja tiembla solo cuando aparece un aviso nuevo.
Más · se abre desde el botónLos puntos se vuelven X y sube una hoja con Clientes, Cupones, Promociones, Documentos, Mi tienda, Novedades y Centro de ayuda, cada una con su dato.
Reutilizable
Datos de la tienda cada 30 s5 tipos de botónSe mueve solo si el dato cambiaSe esconde con el tecladoRespeta «reducir movimiento»Lectores de pantalla
// Una vez, en el armazón del panel: vale para todas las pantallas <BarraInferior destino="pedidos" /> // Los datos llegan solos de la tienda (/api/v1/panel/barra): // al abrir, cada 30 s mientras se ve y al volver a la pestaña.