Fórum OpenCart Brasil

Por um e-commerce livre, confiável e profissional

#11397
O problema agora é o seguinte, se você abre o zoom e depois clica na imagem para ampliar ela ira ampliar, mas quando você tenta retornar ao modo normal (fecha a janela de ampliação) o zoom nao desaparece automaticamente, imepedindo ate mesmo do cliente clicar no botão comprar. Testei isso no firefox não fiz o teste em outros navegadores.
#11559
Muito bom, o efeito funcionou perfeitamente, pena que as imagens secundárias não tem o mesmo efeito, visto que conservam o efeito original, talvez a solução seja o Magic Zoom para OpenCart. É pago, mas o efeito do zoom atinge todas as imagens.
#12145
tkopencart escreveu:O problema agora é o seguinte, se você abre o zoom e depois clica na imagem para ampliar ela ira ampliar, mas quando você tenta retornar ao modo normal (fecha a janela de ampliação) o zoom nao desaparece automaticamente, imepedindo ate mesmo do cliente clicar no botão comprar. Testei isso no firefox não fiz o teste em outros navegadores.


ESSE PARECE QUE ESTA ACONTECENDO COM PRODUTOS ESGOTADOS, O MEU TBM TA ASSIM....ALGUMAS FOTOS NEM ABREM QUANTO O CLIENTE PRECISA VERIFICAR OUTRAS FOTOS DO PRODUTO...
#12146
tkopencart escreveu:O problema agora é o seguinte, se você abre o zoom e depois clica na imagem para ampliar ela ira ampliar, mas quando você tenta retornar ao modo normal (fecha a janela de ampliação) o zoom nao desaparece automaticamente, imepedindo ate mesmo do cliente clicar no botão comprar. Testei isso no firefox não fiz o teste em outros navegadores.
FIZ ISSO MOMENTANEAMENTE ATÉ RESOLVER O PROBLEMA..


<link rel="stylesheet" type="text/css" href="catalog/view/jquery/jqzoom/css/jquery.jqzoom.css" />
<script src="catalog/view/jquery/jqzoom/js/jquery.jqzoom-core.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
var options =
{
showEffect:'show',
hideEffect:'fadeout',
fadeoutSpeed:'slow',
title:true,
lens:true,
zoomWidth: 1,
zoomHeight: 1
}
$(".jqzoom").jqzoom(options);
$('.jqzoom').mouseover(function() {
$(this).css("position","relative").css("z-index","1000");
}).mouseout(function(){
$(this).css("z-index","0");
});
});
</script>