Menu
Feedback
Start here
Tutorials
Developer portal

Known Issues
Support Rules
Troubleshooting

Frequently Asked Questions
Announcements
Tutorials
Tutorials
Explore in-depth tutorials for operating your VTEX store.
Tutorials
Storefront
Layout
Activating the product zoom in the page template
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">

Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Was this helpful?
Yes
No
Suggest Edits (GitHub)
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
On this page
Still got questions?
Ask the community
Find solutions and share ideas in the VTEX community.
Join our community
Request support from VTEX
For personalized assistance, contact our experts.
Open a support ticket
GithubDeveloper portalCommunityFeedback