Skip to main content
Un carrito en Aftersell es una experiencia configurable de drawer de carrito. Lo diseñas en dos estados, lo organizas en tres secciones y llenas esas secciones con bloques.

​
Estados del carrito

Cada carrito tiene dos layouts independientes. Alternas entre ellos en el editor:
  • Carrito con artículos: lo que los compradores ven cuando el carrito tiene artículos.
  • Carrito vacío: lo que los compradores ven cuando el carrito no tiene artículos.
Algunos bloques solo pertenecen a un estado: Otros bloques (Header, Banner, Rewards, Image, Custom code y más) pueden vivir en cualquiera de los dos estados. Los carritos nuevos comienzan con Header + Empty cart en el estado vacío, y Header → Banner → Cart items → Summary → Checkout button en el estado con artículos.
El estado de carrito vacío es todo el layout vacío. El bloque Empty cart es un bloque dentro de ese layout, normalmente el mensaje y el botón de seguir comprando. Suenan parecido, pero el estado puede contener más que ese único bloque.

​
Secciones

Cada estado se divide en tres secciones: Header, Body y Footer. Las secciones controlan dónde se ubica un bloque y cómo se desplaza:
  • Header: fijado en la parte superior del drawer; permanece visible mientras el cuerpo se desplaza.
  • Body: la parte central desplazable. Los bloques aquí se mueven con el contenido. Bloque fijo: Cart items.
  • Footer: fijado en la parte inferior del drawer. Bloque fijo: Checkout button.
Cuando agregas o mueves un bloque, su sección decide su comportamiento de desplazamiento. No todos los bloques están disponibles en todas las secciones. Consulta ¿Cómo funcionan los bloques?.

​
Bloques

Un bloque es una pieza configurable del drawer (la lista de productos, una oferta de upsell, un botón de checkout, etcétera). Los apilas en una sección, los reordenas y les das estilo. Para saber cómo funcionan la adición, los límites, los sub-bloques y las condiciones, consulta ¿Cómo funcionan los bloques?.

​
Próximos pasos