Activating the product zoom in the page template
Once you have configured the zoom CSS, you have to insert a control to activate the zoom on the product page template. This process also takes place in the Gerenciador do Portal, but this time you have to locate the product page template, which should be in the _Portal > Templates de Página _folder. When you have located the template, you must enter the reference for the .css file we have just uploaded.
For this, you must include a tag such as <link href="/arquivos/zoom.css" rel="stylesheet" type="text/css">
in the head template, as we would do with any other .css file.
Now all you have to do is insert zoom="on"
in the product tag, like this:
<vtex.cmc:ProductImage zoom="on">