Como podemos ajudar?

FC 14437 :: Como habilitar zoom em várias imagens de um produto?

O zoom ocorrer ao passar o mouse (ou o dedo) sobre cada imagem do produto.

Veja exemplo deste recurso:

Seguem os passos para a implantação:

1º Passo

Efetue um backup dos arquivos BarraTopo.htm e EstiloProduto.htm, que serão alterados nesta implantação.

2º Passo

Adicione as linhas abaixo no começo do arquivo BarraTopo.htm:

<link rel="stylesheet" type="text/css" href="/js/MagicToolbox/MagicZoomPlusV2/magiczoomplus.css" />
<script type="text/javascript" src="/js/MagicToolbox/MagicZoomPlusV2/magiczoomplus.js"></script>

3º Passo

Adicione as seguintes linhas no local onde existe a tag especial que mostra a imagem do produto no arquivo EstiloProduto.htm, entre as tags <ProdDet>...</ProdDet>.

4º Passo

Todas as imagens devem ser cadastradas entre vírgulas nos campos Imagem de detalhe e Imagem ampliada na ficha dos produtos.

Exemplo:

Imagem de detalhe: ImagemDetalhe01.jpg,ImagemDetalhe02.jpg,ImagemDetalhe03.jpg,ImagemDetalhe04.jpg

Imagem ampliada: ImagemAmpliada01.jpg,ImagemAmpliada02.jpg,ImagemAmpliada03.jpg,ImagemAmpliada04.jpg

Obs: Todas as imagens devem ser enviadas para a pasta prod, antes do preenchimento dos campos na ficha de produto.

ATENÇÃO: Se a quantidade de imagens cadastras nos campos de imagem for diferente, só será exibida a primeira imagem.

Exemplo: Se forem cadastradas 3 imagens de detalhe e apenas 2 imagens ampliadas, somente a primeira imagem será exibida.

ATENÇÃO: Para o recurso de zoom funcionar corretamente na loja virtual é necessário ativar o Nível 1 no campo Lazy load de imagens na página Dados da loja.

---

Avaliações dos clientes: Este produto ainda não recebeu avaliações de clientes. Clique aqui e seja o primeiro a avaliá-lo