- 08 Mar 2012, 15:14
#17358
Minha versão é 1.5.1.3 e uso o efeito lupa nas imagens dos produtos, porém quero que o efeito lupa fique só na imagem principal do produto, e nas miniaturas que ficam abaixo da imagem principal quero que ao clicar abra a janela estilo pop-up (fancybox) com a mesma ampliada.
Como fazer essa modificação ?
Vlw
================================EDIT=================================
Já que ninguém resolveu dar uma mãozinha eu mesmo resolvi dar uma fuçada nos códigos que dão efeito de lupa nas imagens dos produtos.
Uma coisa tão simples de fazer...
O tutorial do efeito lupa nas imagens está no blog "Surgimento". Link: http://www.surgimento.com.br/blog/openc ... o-opencart
A maioria das lojas, pelos menos as lojas de grande porte usam o efeito lupa apenas na imagem principal do produto e não nas imagens adicionais.
Quem quiser deixar o efeito apenas na imagem principal basta seguir como no tutorial abaixo:
Como fazer essa modificação ?
Vlw
================================EDIT=================================
Já que ninguém resolveu dar uma mãozinha eu mesmo resolvi dar uma fuçada nos códigos que dão efeito de lupa nas imagens dos produtos.
Uma coisa tão simples de fazer...
O tutorial do efeito lupa nas imagens está no blog "Surgimento". Link: http://www.surgimento.com.br/blog/openc ... o-opencart
A maioria das lojas, pelos menos as lojas de grande porte usam o efeito lupa apenas na imagem principal do produto e não nas imagens adicionais.
Quem quiser deixar o efeito apenas na imagem principal basta seguir como no tutorial abaixo:
Abra o arquivo product.tpl localizado na pasta: catalog\view\theme\default\template\product (caso tenha um template instalado seria catalog\view\theme\SEU TEMA\template\product ) com o mesmo aberto adicione a palavra jqzoom na frente do escrito thickbox caso sua loja seja 1.4ou fancybox caso sua loja seja 1.5. Segue um exemplo abaixo feito em uma loja 1.4. Na 1.5 em vez de procurar por thinkbox você irá procurar por fancybox.Para quem já tem o efeito lupa instalado no OC é somente essa alteração que precisa ser feita, e para quem ainda não tem o efeito lupa nas imagens dos produtos, acesse o blog "Surgimento". Link: http://www.surgimento.com.br/blog/openc ... o-opencart
<?php if ($thumb || $images) { ?>
<div class="left">
<?php if ($thumb) { ?>
<div class="image"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="fancybox jqzoom" rel="fancybox"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" /></a></div><center><u>Clique para ampliar</u></center>
<?php } ?>
<?php if ($images) { ?>
<div class="image-additional"><!--esta parte do código é referente as miniaturas das imagens adicionais NÃO ALTERE-->
<?php foreach ($images as $image) { ?>
<a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="fancybox" rel="fancybox"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>
