Menu
Feedback
Comece aqui


Tutoriais
Explore tutoriais detalhados para operar sua loja VTEX.
Tutoriais
Storefront
Layout
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)
Customizar a toolbar de Televendas
« Previous
Vincular uma loja a uma estrutura de pastas do CMS (binding)
Next »
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