Fórum OpenCart Brasil

[Ibraim]

Qual alteração devo fazer para que ao clicar no botão comprar, seja direcionado direto para o carrinho, sem ter que subir a página e depois ser direcionado para o carrinho, como o dessa loja/tema: http://www.shopchinacell.com. Abraços.

A Alteração é esta https://forum.opencartbrasil.com.br/ ... 993#p10429 que esta neste Tópico, primeira mensagem. Só seguir, eu mesmo fiz e funciona perfeitamente no OC 1.5.1.3

Abraços e sucesso

Então José, eu também consegui seguindo esse tutorial,porém, antes dele direcionar para o carrinho, ele registra o produto, subindo a página, e depois direciona para o carrinho, diferente do tema dessa loja http://www.shopchinacell.com que já direciona direto para o carrinho. É coisa de segundos, mas acredito que deve ser apenas alguma alteração no tutorial. Prometo que em breve vou procurar estudar um pouco mais de programação.

[marciofornari]

Tudo funcionando

OC: 1.5.1.3

[hbschiller]

Funcionou Perfeito!!!! Obrigado!

[p3bb4]

Muito bom Vidal, alterado e testado. Perfeito.

[acesbrasil]

Alguém além de mim, depois de fazer essa alteração, não consegue remover os itens do carrinho pelo módulo ?

Só consigo remover os itens na página do carrinho, pelo módulo nada acontece

[mmarcopereira]

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.

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

$('html, body').animate({ scrollTop: 0 }, 'slow');

- Adicione logo após:

Código: Selecionar todos

location.href = "index.php?route=checkout/cart";

- Salve as alterações no arquivo.

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

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'); 
			}	
		}
	});
}

- Substitua o código acima por:

Código: Selecionar todos

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";
			}	
		}
	});
}

- Salve as alterações no arquivo.

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

OI MANOEL, COMO TA BLZ, CARA TBM NÃO ACHEI ESSA LINHA NO MEU TEM AQUE É YOOBLUE PODE ME DAR MAIS ESTA FORÇA.....FORTE ABRAÇO......

[mmarcopereira]

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.

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

$('html, body').animate({ scrollTop: 0 }, 'slow');

- Adicione logo após:

Código: Selecionar todos

location.href = "index.php?route=checkout/cart";

- Salve as alterações no arquivo.

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

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'); 
			}	
		}
	});
}

- Substitua o código acima por:

Código: Selecionar todos

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";
			}	
		}
	});
}

- Salve as alterações no arquivo.

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

OI MANOEL, COMO TA BLZ, CARA TBM NÃO ACHEI ESSA LINHA NO MEU TEM AQUE É YOOBLUE PODE ME DAR MAIS ESTA FORÇA.....FORTE ABRAÇO......

COMMON.JS NEM ABRE AQUI

[mmarcopereira]

AQUI FUNCIONOU TA INDO DIRETO E TAL, MAS TEM UM PROBLEMA, QUANDO QUERO EXCLUIR UM ITEM DA CESTA ELA NÃO EXCLUI ALGUEM PODE ME AJDAR ??????????????????????????????????

[Cicler]

AQUI FUNCIONOU TA INDO DIRETO E TAL, MAS TEM UM PROBLEMA, QUANDO QUERO EXCLUIR UM ITEM DA CESTA ELA NÃO EXCLUI ALGUEM PODE ME AJDAR ??????????????????????????????????

Realmente, ele retira do carrinho se você marcar a caixinha e clicar em atualizar. Ae ele remove na hora(no carrinho)! Se você tenta retirar usando o atalho do carrinho, a seta p/baixo e clicar no "X", ele não apaga.. Quer dizer, apaga.. Mas não remove.. (NA PÁGINA). Se você atualiza o pedido, ele volta p/o carrinho... Mas se você sair p/outra página, ele não volta p/o carrinho. Tem um certo BUG, mas de certa forma funciona.

[edsonfanaia]

Funcionou Perfeitamente na Versão 1.5.1.3

Valeu!!!