AJAX Shopping Cart é um software de comércio eletrônico que facilita a experiência de compra do usuário. Ele permite que os clientes adicionem produtos aos carrinhos instantaneamente sem várias recargas da mesma página. Esta extensão de carrinho foi projetada para melhorar a usabilidade das lojas online, o desempenho da página, a taxa de conversão, bem como lidar com o abandono do carrinho de compras. 


Configurações Gerais


Para configurar o módulo, vá ao painel de administração → Sistema → Configuração → Amasty Extensions → Ajax Cart .



Ativar carrinho de compras Ajax - Ative o módulo.

Seletor de DOM para o botão 'Adicionar ao Carrinho' - Especifique os seletores de DOM para uma exibição de Adicionar ao Carrinho adequada .

button.btn-cart, a.button são definidos por padrão. Caso você tenha seletores CSS diferentes , faça o seguinte:
  1. Passe o cursor sobre o elemento necessário e clique com o botão direito do mouse.
  2. Selecione Inspecionar ( Chrome ) ou Inspecionar elemento ( Firefox ) na lista suspensa.
  3. Procure os seletores, que correspondem ao nome do elemento que você está procurando. (No Firefox ) Clique com o botão direito do mouse no código destacado e escolha Copiar seletor CSS .

Atraso no fechamento da caixa de diálogo (em segundos) - Neste campo você pode definir o temporizador para o botão Continuar .

Use o carrinho de compras Ajax nas páginas de visualização do produto - Você pode escolher se deseja usar o carrinho AJAX na página de visualização do produto.

Ação do botão Continuar nas páginas de exibição do produto - Você pode selecionar se o botão Continuar na página de exibição do produto deve ser vinculado à página da categoria ou permanecer na página do produto.


Modo de exibição de opções personalizadas - Os clientes podem selecionar produtos configuráveis e opções personalizadas diretamente na página da categoria. Se você usa muitas opções personalizadas e deseja exibir apenas as obrigatórias nas páginas de categoria, escolha Somente opções obrigatórias .

Exibir janela de carrinho flutuante - Habilite a janela de carrinho flutuante em sua loja. Ele é exibido quando um cliente passa o mouse sobre o link Meu carrinho no cabeçalho.

Habilite a adição de produtos à lista de desejos (lista de comparação) com Ajax - Habilite a adição de produtos à lista de desejos ou lista de comparação usando Ajax.


Configurações do visor



Ativar efeito de imagem voadora - Quando definido como Sim , a imagem do produto adicionado ao carrinho voa para o link Meu carrinho no menu superior.

Alinhamento da caixa de diálogo - Você pode escolher onde exibir a caixa de diálogo do carrinho (por exemplo, no centro da tela, no canto superior direito, etc).


Selecione as informações do produto que serão exibidas no bloco.

É possível selecionar quais informações do produto você gostaria de exibir na janela de diálogo do carrinho. Mostrar o número de produtos no carrinho, o subtotal do carrinho atual e o nome do produto que está sendo adicionado ao carrinho:




1 - Exibir imagem do produto na caixa de diálogo.

2 - Exibir contagem total de produtos no carrinho.

3 - Exibir valor total no carrinho

4 - Exiba o botão Ir para o Checkout

5 - Permitir alterar a quantidade do produto na caixa de diálogo de confirmação


Produtos configuráveis


Adicionando produtos configuráveis às configurações do carrinho



Imagem a ser exibida após a adição do produto - Especifique qual imagem exibir em um carrinho: do produto configurável ou do simples .


Nome a ser exibido - Especifique o nome a ser exibido em um carrinho: do produto configurável ou do produto simples .



Opções de venda

Exibir produtos relacionados na caixa de diálogo de confirmação - Para exibir produtos relacionados na caixa de diálogo do carrinho, defina esta opção como Sim .


Configurações do carrinho superior



DOM-Selector For Header Cart - Para habilitar o AJAX, atualize seu carrinho de cabeçalho sem falhas, especifique o seletor de classe CSS aqui.

Caminho do modelo do minicarrinho - Especifique o caminho do modelo do carrinho de cabeçalho para ajustá-lo ao modelo da sua loja.


Opções visuais

Configure o estilo visual da janela de confirmação de acordo com o seu tema