Menu
Feedback
Comece aqui
Tutoriais
Portal do desenvolvedor

Problemas conhecidos
Diretivas de suporte
Troubleshooting

Perguntas frequentes
Comunicados
Tutoriais
Tutoriais
Explore tutoriais detalhados para operar sua loja VTEX.
Tutoriais
Storefront
Layout
Ativar o zoom do produto no template de página
Ativar o zoom do produto no template de página

Antes de ativar o zoom no template, é necessário configurar o CSS.

Uma vez feito isso, é preciso inserir o controle que ativa o zoom no template da página de produto. O processo para isso também acontece dentro do Gerenciador do Portal, só que dessa vez localizando o template de página de produto que deve estar dentro da pasta Portal > Templates de Página. Uma vez localizado o template, é necessário colocar a referência para o arquivo .css que acabamos de subir. Para isso, você deve incluir uma tag como <link href="/arquivos/zoom.css" rel="stylesheet" type="text/css">.

Ela deve ser invluída dentro do head template, como faríamos com qualquer outro arquivo css. Agora basta inserir zoom="on" na tag do produto. Conforme abaixo: <vtex.cmc:ProductImage zoom="on">

Contribuidores
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Isso foi útil?
Sim
Não
Sugerir edições (GitHub)
Contribuidores
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Nesta página
Ainda tem dúvidas?
Pergunte à comunidade
Encontre soluções e compartilhe ideias na comunidade VTEX.
Junte-se à nossa comunidade
Solicite suporte à VTEX
Para assistência personalizada, entre em contato com nossos especialistas.
Abra um ticket de suporte
GithubDeveloper portalComunidadeFeedback