Skip to main content
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.

​
Estados do carrinho

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.

​
Seções

Cada estado é dividido em três seções: Header, Body e Footer. As seções controlam onde um bloco fica e como ele rola:
  • 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?.

​
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?.

​
Próximos passos