Dawn Theme adjust the zoom function

Jules81
Tourist
5 0 1

We have an issue with the Dawn theme's zoom feature on the product detail page. 

If you click on a product image the zoom feature kicks in as it should. However, the zoom is over the entire screen width. We would like to adjust this and to control the max. width / size of the zoom.

In the chrome editor we found the spot in the HTML code where this happening. But we cannot find the place in the Dawn theme code to control it. 

We looked in all the .js files - but we couldn't spot the code that would help us to control the max. width of the zoom function.  

For the moment we switched it off completely via CSS - but we would like to use it in the future. 

Jules81_1-1634132571221.png

Anyone an idea how to fix this? 

 

 

Jules81
Tourist
5 0 1

The solution was actually super easy. 

You can adjust the zoom settings via a CSS class. 

So just change the width of the class below in the picture as you prefer. 

 

image (3).png

0 Likes