Um carrinho no Aftersell é uma experiência configurável de cart drawer. Você o projeta em dois estados, o organiza em três seções e preenche essas seções com blocos.
Todo carrinho tem dois layouts independentes. Você alterna entre eles no editor:
- Carrinho cheio: o que os compradores veem quando o carrinho tem itens.
- Carrinho vazio: o que os compradores veem quando o carrinho não tem itens.
Alguns blocos pertencem a apenas um estado:
Outros blocos (Header, Banner, Rewards, Image, Custom code e mais) podem ficar em qualquer estado. Carrinhos novos começam com Header + Empty cart no estado vazio, e Header → Banner → Cart items → Summary → Checkout button no estado cheio.
O estado de carrinho vazio é todo o layout vazio. O bloco Empty cart é um bloco dentro desse layout, geralmente a mensagem e o botão de continuar comprando. Os nomes parecem iguais, mas o estado pode conter mais do que esse único bloco.
- Header: fixado no topo do drawer; permanece visível enquanto o body rola.
- Body: o meio rolável. Os blocos aqui se movem com o conteúdo. Bloco fixo: Cart items.
- Footer: fixado na parte inferior do drawer. Bloco fixo: Checkout button.
Quando você adiciona ou move um bloco, a seção dele decide seu comportamento de rolagem. Nem todo bloco está disponível em todas as seções. Veja Como funcionam os blocos?.
Um bloco é uma peça configurável do drawer (a lista de produtos, uma oferta de upsell, um botão de checkout e assim por diante). Você os empilha em uma seção, reordena e estiliza. Para saber como funcionam adição, limites, sub-blocos e condições, veja Como funcionam os blocos?.
