Change zoom level for products in Dawn theme

Shopify Discussion
1

I currently have the Dawn theme installed and would like to change the zoom level when a product image is clicked on. I want to keep the zoom function but currently it zooms in too far, looks like be maybe a factor of 3 or 4. Is it possible to dial down the zoom level and if so how?

TIA. :slightly_smiling_face:

2

Hello @Robert_Smith_UK ,

I understand you are looking to change the level of zoom-in when a product image is clicked on your store.

This can be done by following the below mentioned steps -:

  1. Go to Online Store → Themes → Click on three dots https://prnt.sc/i1cdfpk62Rpy

  2. Next Click on ‘Edit Code’ and search for the file named section-main-product.css and open it https://prnt.sc/IhViK4WTRpGs

  3. Now, find if any code similar to below mentioned exists in section-main-product.css file. If yes, then edit the max-height in your code otherwise add this code at the bottom of this file (section-main-product.css)

.product-media-modal__content>*{
max-height: 600px !important;
}

  1. Save changes

After code implementation, Product image will be shown similar to this in desktop version https://prnt.sc/u5Ta8vWzI9q0

I hope the solution helps you.

Please let me know if you have any query.

Thank you.