Como podemos ajudar?

FC 14338 :: Como mostrar uma imagem de produto em 360º?

Além de rotacionar, é possível também dar zoom no produto ao clicar na imagem.

Utilize este recurso para aumentar as vendas de um produto de destaque da loja, de preferência em um hotsite especialmente criado para divulgá-lo.

Veja o passo a passo:

Inclua as linhas abaixo no início do arquivo BarraTopo.htm:

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

Será necessário criar as seguintes imagens:

36 imagens, cada uma rotacionada a 10º da anterior

36 imagens ampliadas de cada uma das imagens rotacionadas

Total: 72 imagens

Utilize um padrão de nomes.

Exemplos:

camisa_360_1.jpg

shoe_360_01.jpg

Na ficha do produto é necessário utilize o seguinte padrão no cadastro:

No campo Ref: preencha com o mesmo nome da imagem de detalhes, mas sem o número da imagem e sem a extensão:

No campo Código do vídeo: preencha com o mesmo nome da imagem ampliada sem o número da imagem e extensão:

No arquivo EstiloProduto.htm, altere a tag <ImagemProd> que está entre as tags <ProdDet>.....</ProdDet>.