Como direcionar o cliente para o carrinho no detalhe do produto no Opencart 1.5

• Olá,

  Estou escrevendo este post porque tem alguns lojistas que já notaram um certo problema com a forma como o OpenCart adiciona o produto no carrinho. Quando você esta na tela de detalhe do produto de algum produto e clica em “comprar”, não é direcionado para a página do carrinho, como esperado.

  

  A resposta que o sistema da ao cliente é bem sutil, e pode acontecer de muitos clientes não verem e aguardarem a página mudar (já recebi relato disso na prática). Dependendo da pessoa que está tentando comprar poderá achar que a loja está com algum problema. Isso porque depois de clicar em “comprar” permaneceu na mesma página, e teve pequenas mudanças visuais como mostro na imagem acima. Hoje em dia, quanto mais fácil para o cliente, melhor é para seu negócio. Colocando ícones grandes, aplicando efeito de hover (efeito quando passa o mouse). Já foi comprovado que quando há respostas à ações dos clientes, há uma maior satisfação e sensação de controle. Por esse motivo, às vezes é melhor abrir mão de certos efeitos, principalmente se o hábito do cliente é esperar ser levado para a tela do carrinho, principalmente porque a maior parte das lojas fazem isso. Quebrar padrões nem sempre é bom, quando se trata de uma loja virtual.

  Nas versões 1.4.9.x era possível manter dessa forma ou fazer com que ao clicar em “comprar” direcionasse o cliente para a página do carrinho. Porém na versão 1.5.1.1, até o momento pelo menos não encontrei essa opção. Então para quem deseja que ao clicar em “comprar” mude para a tela do carrinho (como acontece na maioria das lojas), mostrarei como fazer isso pelo código.

  Alteração pagina product.tpl apenas correspondente ao botão comprar do detalhe do produto:

  Para mudar isso entre na página “product.tpl“ que fica no caminho “catalog/view/theme/seu_template/template/product/product.tpl“.
  No trecho abaixo (no template padrão da versão 1.5.1.1 começa na linha 308) só adicione a linha em vemelho:
  

  <script type="text/javascript"><!--
  
  $('#button-cart').bind('click', function() {
  
  $.ajax({
  
  url: 'index.php?route=checkout/cart/update',
  
  type: 'post',
  
  data: $('.product-info input[type=\'text\'], .product-info input[type=\'hidden\'], .product-info input[type=\'radio\']:checked, .product-info input[type=\'checkbox\']:checked, .product-info select, .product-info textarea'),
  
  dataType: 'json',
  
  success: function(json) {
  
  $('.success, .warning, .attention, information, .error').remove();
  
  if (json['error']) {
  
  if (json['error']['warning']) {
  
  $('#notification').html('<div class="warning" style="display: none;">' + json['error']['warning'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');
  
  $('.warning').fadeIn('slow');
  
  }
  
  for (i in json['error']) {
  
  $('#option-' + i).after('<span class="error">' + json['error'][i] + '</span>');
  
  }
  
  }
  
  if (json['success']) {
  
  $('#notification').html('<div class="attention" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');
  
  $('.attention').fadeIn('slow');
  
  $('#cart_total').html(json['total']);
  
  $('html, body').animate({ scrollTop: 0 }, 'slow');
  
  location.href ="index.php?route=checkout/cart";
  
  }
  
  }
  
  });
  
  });

  Alteração pagina cart.php que terá efeito em todos botão comprar da loja:

  Caso você queira que ao clicar “comprar” seja na página de detalhe do produto ou nas categorias e demais páginas precisará fazer uma alteração na página catalog/controller/checkout/cart.php.

  Abra o arquivo e localize a linha 355 (dependendo da versão pode ser outra linha) e apague a linha toda. O conteudo dela é:

  $json['success'] = sprintf($this->language->get('text_success'), $this->url->link('product/product', 'product_id=' . $this->request->post['product_id']), $product_info['name'], $this->url->link('checkout/cart'));

  No lugar dela coloque a linha em vermelho a seguir:

  $json['redirect'] = "index.php?route=checkout/cart";

  Com isso toda vez que clicar em compra seja lá qual for a página mandará você para o carrinho.

  Download das Alterações para vQmod:

  Segue a alteração em vQmod (conheça mais sobre o vQmod acessando este link). É só adicionar o aquivo XML que estou passado na pasta “xml” de seu vQmod. Caso tenha dúvidas para instalar o vQmod, acesse aqui.

  Baixar XML simples

  Baixar XML para todas as paginas

  Espero ter ajudado com essa dica.

  Se inscreva em nosso curso de OpenCart que logo abriremos as inscrições.

  Abraço.
  
  

  
  
  

  Tweet

  
  
  
  
  
  Jeann | 10 Comentários | Tags:opencart, Programação, vqmod

Comente aqui

* Nome, Email e comentário são obrigatórios

Buscar neste site

Pesquisar por:




Ultimos posts

• Retirar botão “aplicar frete” e ativar ao clicar na opção desejada – OpenCart
• Melhoria da busca do OpenCart e busca por modelo (em vQmod).
• Como funciona o vQmod no OpenCart e qual sua importancia na sua loja.
• Auto completar endereço digitando o CEP no OpenCart – Módulo Grátis
• Alteração do E-mail de aviso de pedido do lojista de texto para HTML no OpenCart
• Como esconder toda a loja quando estiver no modo manutenção – OpenCart
• Como corrigir problema de envio de e-mail do OpenCart na Locaweb
• Como deixar produtos com estoque zerado ordenado para o final da listagem no OpenCart
• Tradução para o português do Brasil do OpenCart versão 1.5.2 e 1.5.2.1
• Template FluidBasic OpenCart – Mais que um simples template, uma loja virtual completa





RSS




Tags

administrativo anti fraude Blog Buscapé Comportamento curso Desconto Dica Dicas de Design Dicas para sua Loja Virtual Downloads e-commerce f-control fraude homologação Impressos jquery layout Locaweb Logotipo loja exemplo LojaExemplo m-clearsale Magento Mercado Livre modulo MySQL opencart Pagamento Digital pagamento á vista PagSeguro parcelamento PayPal plugin Portfolio Programação segurança SEO site blindado template tutorial visa vqmod wordpress zoom