[TUTORIAL] Mini Cart em telas de toque
Enviado: 20 Jul 2013, 02:03
Olá Pessoal,
Estava com um problema com o Mini Cart utilizado em telas de toque. Quando clicava nele ele não fechava mais, tinha que atualizar a pagina para ele sumir.
Encontrei uma solução em um site para o problema e resolvi postar.
No arquivo common.js, localizar:
Espero ter ajudado....
Estava com um problema com o Mini Cart utilizado em telas de toque. Quando clicava nele ele não fechava mais, tinha que atualizar a pagina para ele sumir.
Encontrei uma solução em um site para o problema e resolvi postar.
No arquivo common.js, localizar:
Código: Selecionar todos
e após, Adicionar:$(this).removeClass('active');
});Código: Selecionar todos
O código completo fica assim:$('html').on('touchend.tap', function(){
if ($('#cart').hasClass('active')){
$('#cart').removeClass('active')
}
});
$('div#cart').on('touchend.tap', function(e){
e.stopPropagation();
});Código: Selecionar todos
Utilizo Opencart 1.5.5.1. Site http://www.tribodaxita.com.br/* Ajax Cart */
$('#cart > .heading a').live('click', function() {
$('#cart').addClass('active');
$('#cart').load('index.php?route=module/cart #cart > *');
$('#cart').live('mouseleave', function() {
$(this).removeClass('active');
});
$('html').on('touchend.tap', function(){
if ($('#cart').hasClass('active')){
$('#cart').removeClass('active')
}
});Espero ter ajudado....
