Página 5 de 6
Re: [TUTORIAL] Efeito zoom na foto principal do produto - 11
Enviado: 23 Fev 2012, 12:37
por Manoel Vidal
O link está atualizado para a 2ª versão.

Re: [TUTORIAL] Efeito zoom na foto principal do produto - 11
Enviado: 27 Mar 2012, 18:52
por jonathas
O meu deu tudo certo Manoel heheheheh
muinto obrigado galera
Re: [TUTORIAL] Efeito zoom na foto principal do produto - 11
Enviado: 27 Mar 2012, 18:59
por jonathas
O meu deu tudo certo Manoel heheheheh
muinto obrigado galera
na versão 1.5.2.1 está colorbox e na versão 1.5.1.3.1 está fancybox....
e deu certo na versão 1..5.2.1 ...
Re: [TUTORIAL] Efeito zoom na foto principal do produto - 11
Enviado: 31 Mar 2012, 13:37
por lucatradicional
Muito bom perfeito
Ficou ótimo
Obrigado
Re: [TUTORIAL] Efeito zoom na foto principal do produto - 11
Enviado: 18 Abr 2012, 16:09
por carrer
Aqui deu tudo certo com relação a instalação, entretanto não está dando zoom nenhuma na minha imagem... tem como modificar para que a imagem da lupa fica maior? Estou postando um print da pagina de um produto da minha loja!

Re: [TUTORIAL] Efeito zoom na foto principal do produto - 11
Enviado: 20 Abr 2012, 11:40
por carrer
Ninguem?
Re: [TUTORIAL] Efeito zoom na foto principal do produto - 11
Enviado: 16 Jun 2012, 12:12
por fmrocha79
Galera desculpa a minha ignorância, mas ainda n entendi como resolver o problema das imagens menores, na imagem maior está show de bola, qdo clico na menor, ela amplia, mas como no original, e n com o zoom como está a foto maior, meu produto tem varias fotos.
meu Opencart é o 1.5.1.3
ha ta !!
[TUTORIAL] Efeito zoom na foto principal do produto - 11/12
é só na principal mesmo, tem como fazer isso pras outras fotos menores???
obrigado!!
Re: [TUTORIAL] Efeito zoom na foto principal do produto - 11
Enviado: 19 Jul 2012, 18:29
por maxmax
Um alternativa boa é
http://www.opencart.com/index.php?route ... earch=zoom
Ele da zoom na foto principal e ao clicar na menores elas substituem a principal
Re: [TUTORIAL] Efeito zoom na foto principal do produto
Enviado: 17 Set 2012, 13:58
por vluna
Manoel Vidal escreveu:Assim que tiver uma folga dou uma olhada para verificar o problema relatado 
Boa tarde Manoel,
Testei e funcionou perfeitamente o zoom da imagem principal, o chato é que se o cliente quiser ver as outras ele tem que clicar nelas primeiro para depois ver o zoom.
Mas minha pergunta é a seguinte, tem como aumentar o tamanho da janela do zoom?
Att.
Vluna
Re: [TUTORIAL] Efeito zoom na foto principal do produto - 11
Enviado: 25 Set 2012, 11:46
por thiibs
Davi escreveu:thiibs escreveu:Obrigado cara, precisava exatamente disso.
Funcionou perfeito aqui!
Só gostaria de saber se é possível alterar o tamanho da visualização... ao invés de ser este quadrado, deixar em 640x480px... há a possibilidade?
Desde já agradeço por compartilhar. 
_____________________________________________________________
EDIT: Usei o site http://jsbeautifier.org/ para descompactar o javascript e consegui alterar o código... Obrigado.
Substitui o códigoCódigo: Selecionar todos <link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/jqzoom/css/jquery.jqzoom.css" />
<script src="catalog/view/javascript/jquery/jqzoom/js/jquery.jqzoom-core-pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".jqzoom").jqzoom({
showEffect: 'fadein',
hideEffect: 'fadeout',
fadeoutSpeed: 'slow',
title: true,
lens: true,
zoomWidth: 350,
zoomHeight: 350,
preloadText: 'Carregando'
});
});
</script>
Por...
Código: Selecionar todos <link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/jqzoom/css/jquery.jqzoom.css" />
<script src="catalog/view/javascript/jquery/jqzoom/js/jquery.jqzoom-core-pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".jqzoom").jqzoom({
showEffect: 'fadein',
hideEffect: 'fadeout',
fadeoutSpeed: 'slow',
title: true,
lens: true,
zoomWidth: 640,
zoomHeight: 480,
preloadText: 'Carregando'
});
});
</script>,
Porem fiz o teste aqui não ficou muito legal, mais da uma olhada ai no que vc acha...
Caso queria outro tamanho é só alterar os valores de " zoomWidth: " e " zoomHeight: "