Fórum OpenCart Brasil

[Manoel Vidal]

O link está atualizado para a 2ª versão.

[jonathas]

O meu deu tudo certo Manoel heheheheh
muinto obrigado galera

[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 ...

[lucatradicional]

Muito bom perfeito
Ficou ótimo
Obrigado

[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!

[carrer]

Ninguem?

[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!!

[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

[vluna]

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

[thiibs]

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ó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: "