Skip to main content
Além da estilização, o carrinho tem algumas configurações de comportamento que controlam como ele interage com sua loja — quando o drawer abre e quais elementos do tema a Aftersell mantém sincronizados com o carrinho.

​
Onde encontrar

No Cart Editor, abra Cart settings. As opções abaixo estão agrupadas em Behavior e Custom selector.

​
Abrir o carrinho quando um item é adicionado

Open cart when an item is added controla se o drawer abre automaticamente toda vez que um comprador adiciona um produto. Fica ativado por padrão. Desative se você preferir que o carrinho permaneça fechado até que o comprador o abra por conta própria.

​
Seletores de tema

A Aftersell se conecta à sua loja por meio de seletores CSS — por exemplo, para saber qual elemento abre o carrinho, ou qual contagem do ícone do carrinho manter sincronizada. A detecção nativa cobre os temas Shopify mais populares (Dawn, Sense, Crave, Debut, Impulse, Horizon e muitos outros), então a maioria das lojas nunca precisa mexer nisso. Ajuste um seletor apenas se algo não estiver funcionando corretamente no seu tema.

​
Modos de seletor

Cada seletor oferece os mesmos três modos: O campo de seletor fica habilitado apenas nos modos Default + custom e Custom only.

​
Os três seletores

​
Como encontrar um seletor

  1. Abra sua loja em um navegador (Chrome recomendado).
  2. Clique com o botão direito no elemento que você quer mirar — seu ícone de carrinho, o número da contagem ou o botão de adicionar ao carrinho — e escolha Inspecionar.
  3. No painel que abrir, encontre o elemento que o representa (a contagem costuma ser um span dentro do ícone do carrinho).
  4. Anote sua classe (começa com .) ou ID (começa com #) — por exemplo .header__cart-count span ou #CartCount.
  5. De volta em Cart settings, defina o seletor como Default + custom ou Custom only e cole-o.
  6. Salve e teste tanto no desktop quanto no mobile.
Comece com Default — funciona para a maioria dos temas sem nenhuma configuração. Recorra a Default + custom quando apenas um de vários ícones for atualizado (digamos, o desktop funciona, mas o mobile não), e a Custom only quando o padrão estiver mirando o elemento errado. Se você não tiver certeza de qual seletor usar, o desenvolvedor do seu tema pode indicá-lo — você não precisa escrever nenhum código, apenas copiar e colar.