Skip to main content
Você pode pré-visualizar um carrinho de duas formas: ao vivo no editor enquanto o constrói, e no tema da sua loja antes de torná-lo público.

​
O canvas do editor

O centro do editor de carrinho é uma pré-visualização ao vivo que renderiza o carrinho real. Ela mostra os dois estados do carrinho lado a lado — um cartão Filled cart e um cartão Empty cart — para que você veja ambos enquanto trabalha.
  • Escolha qual estado está editando com a alternância Filled / Empty na barra lateral, ou clicando no título acima de um cartão. Clicar dentro de um cartão não troca o estado — isso seleciona o bloco sob o cursor. O cartão ativo fica contornado, e o bloco que você está editando recebe o próprio destaque.
  • Faça zoom com a pílula de zoom no próprio canvas (25%–200%): + e − avançam em passos de 10%, e clicar na porcentagem redefine para 75%. Ctrl/Cmd + scroll dá zoom em torno do cursor; scroll simples e arrastar fazem pan.
  • A pré-visualização reflete suas configurações de design e seu CSS personalizado ao vivo conforme você os altera.

​
Pré-visualização na sua loja

Use Preview em um carrinho para vê-lo em um tema real em uma nova aba, sem torná-lo público:
  • Carrinhos ativos abrem sua loja diretamente — o carrinho ativo já é o que os compradores veem.
  • Carrinhos rascunho abrem uma pré-visualização de tema. Você escolhe em qual tema pré-visualizar (o tema principal é o padrão), e o Aftersell prepara o carrinho rascunho nesse tema apenas para a sua sessão de pré-visualização, sem tocar no seu carrinho ativo. O app embed precisa estar habilitado no tema que você escolher.
Pré-visualizações de rascunho podem não refletir totalmente o comportamento do carrinho ativo — trate-as como uma aproximação próxima e faça uma verificação final após publicar.
Salve suas alterações antes de pré-visualizar — o editor pede que você salve para que a pré-visualização reflita seu trabalho mais recente.

​
Estados vazio vs. cheio

Os dois estados estão sempre disponíveis no canvas do editor (os dois cartões), então você pode projetar e verificar o carrinho vazio e o carrinho cheio de forma independente. Na loja, os compradores veem o estado que corresponde ao carrinho deles.

​
Cenários de dados de exemplo

O painel de configurações do bloco Cart items tem uma seção Preview com um seletor de Sample data, permitindo alternar a pré-visualização do editor entre cenários de itens de linha para verificar como cada um fica sem precisar montar um carrinho correspondente: Sua escolha afeta apenas a pré-visualização do editor. Ela nunca é salva no carrinho e é redefinida quando você recarrega o editor.