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">