We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Dawn Theme – How to Disable Zoom on Product Image Lightbox?

Solved

Dawn Theme – How to Disable Zoom on Product Image Lightbox?

anonymous2000
Tourist
5 0 1

Hi everyone,

 

I'm using the Dawn theme for my Shopify store. On the product page, when a customer clicks to enlarge the product image, it opens in a zoom/lightbox view — but it zooms in too much and doesn’t show the full image.

I’d like to change this so that when a customer clicks on the image, it simply opens as a full-sized image that fits nicely on the screen (without any additional zoom or needing to scroll around).

 

Is there a way to disable the zoom and just have the full image centered and scaled to fit the screen?

I've attached pictures below, The image with the black dress is how my image shows up when clicked on. And the image with the white dress is how I would like my image to show up. 

 

Thanks in advance! 

 

Screenshot 2025-06-30 at 5.30.21 PM.png

Screenshot 2025-06-30 at 5.30.55 PM.png

Accepted Solution (1)

namphan
Shopify Partner
2777 358 407

This is an accepted solution.

Hi @anonymous2000,

You can refer to the following instructions.

Hope it is clear to you

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com

View solution in original post

Reply 1 (1)

namphan
Shopify Partner
2777 358 407

This is an accepted solution.

Hi @anonymous2000,

You can refer to the following instructions.

Hope it is clear to you

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com