Need to reduce Dawn zoom in product image on product page. Blurry image

Store Design
1

I am working on my site with Dawn theme. The instruction at this community help thread did not help to reduce the image zoom size when product is zoomed in.

https://community.shopify.com/post/1314345

htmchen_0-1633194326005.png
htmchen_0-1633194326005.png479×256 5.21 KB

When I click on the product image in the product page, I need it to zoom in to the actual pixel size of the image and not over zoom the image. Currently, it’s blurry and not acceptable for my product zoom view.

could someone please let me know what I need to do to fix that?

my site is love-art-play.myshopify.com

Thank you.

1 Like
2

the other option is to remove the zoom, which I know how to do. but I like the viewers to see the image in full if possible.

3

Following because I’m trying to do the exact same thing with the same theme.

4

Hi,

just replace the height: 100vh; to width: 40em;