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. :D

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!

Imagem

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. :D
_____________________________________________________________
EDIT: Usei o site http://jsbeautifier.org/ para descompactar o javascript e consegui alterar o código... Obrigado.

Substitui o código
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: 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: "