- 16 Out 2011, 05:00
#10429
Olá colegas da OCBr.
Notei recentemente que muitos colegas estão necessitando modificar um comportamento simples do OpenCart nas versões 1.5.x, que é quando o cliente clica no botão Comprar do produto, ao invés de exibir uma mensagem informando que o cliente adicionou o produto ao carrinho, seria redirecionado para o carrinho já com o produto listado.
1) Edite o arquivo product.tpl que se encontra no diretório catalog/view/theme/SEU_TEMA/template/product e localize a seguinte linha:
2) Edite o arquivo common.js que se encontra no diretório catalog/view/javascript/ e localize a seguinte código:
Agora teste as alterações na sua loja, sendo que:
1) Direciona para o carrinho na página dos detalhes do produto.
2) Direciona para o carrinho nos módulos de exibição de produtos como: Produtos Novos, Produtos em Oferta, etc.
Observações:
- Um comportamento que notei nesta modificação é que quando há opções para preencher ou uma quantidade mínima maior que um, obviamente ao clicar no botão Comprar o cliente é redirecionado para a página dos detalhes do produto para preencher as informações necessárias.
Espero que gostem e que seja útil
Notei recentemente que muitos colegas estão necessitando modificar um comportamento simples do OpenCart nas versões 1.5.x, que é quando o cliente clica no botão Comprar do produto, ao invés de exibir uma mensagem informando que o cliente adicionou o produto ao carrinho, seria redirecionado para o carrinho já com o produto listado.
Informo que já vi outros tópicos aqui no fórum com está solução, estou postando aqui para facilitar a busca por esta simples modificação. O passo a passo que vou descrever foi utilizando a versão 1.5.1.3 e como editor utilizei o Notepad++.Para fazer esta modificação teremos que modificar basicamente 2 arquivos, são eles: product.tpl e common.js
1) Edite o arquivo product.tpl que se encontra no diretório catalog/view/theme/SEU_TEMA/template/product e localize a seguinte linha:
Código: Selecionar todos
- Adicione logo após:$('html, body').animate({ scrollTop: 0 }, 'slow');
Código: Selecionar todos
- Salve as alterações no arquivo.location.href = "index.php?route=checkout/cart";
2) Edite o arquivo common.js que se encontra no diretório catalog/view/javascript/ e localize a seguinte código:
Código: Selecionar todos
- Substitua o código acima por:function addToCart(product_id) {
$.ajax({
url: 'index.php?route=checkout/cart/update',
type: 'post',
data: 'product_id=' + product_id,
dataType: 'json',
success: function(json) {
$('.success, .warning, .attention, .information, .error').remove();
if (json['redirect']) {
location = json['redirect'];
}
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');
$('html, body').animate({ scrollTop: 0 }, 'slow');
}
}
if (json['success']) {
$('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');
$('.success').fadeIn('slow');
$('#cart_total').html(json['total']);
$('html, body').animate({ scrollTop: 0 }, 'slow');
}
}
});
}
Código: Selecionar todos
- Salve as alterações no arquivo.function addToCart(product_id) {
$.ajax({
url: 'index.php?route=checkout/cart/update',
type: 'post',
data: 'product_id=' + product_id,
dataType: 'json',
success: function(json) {
$('.success, .warning, .attention, .information, .error').remove();
if (json['redirect']) {
location = json['redirect'];
}
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');
$('html, body').animate({ scrollTop: 0 }, 'slow');
}
}
if (json['success']) {
$('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');
$('.success').fadeIn('slow');
$('#cart_total').html(json['total']);
$('html, body').animate({ scrollTop: 0 }, 'slow');
location.href = "index.php?route=checkout/cart";
}
}
});
}
Agora teste as alterações na sua loja, sendo que:
1) Direciona para o carrinho na página dos detalhes do produto.
2) Direciona para o carrinho nos módulos de exibição de produtos como: Produtos Novos, Produtos em Oferta, etc.
Observações:
- Um comportamento que notei nesta modificação é que quando há opções para preencher ou uma quantidade mínima maior que um, obviamente ao clicar no botão Comprar o cliente é redirecionado para a página dos detalhes do produto para preencher as informações necessárias.
Espero que gostem e que seja útil
Sempre em frente...