Disable zoom option on the main product page in Dawn theme

Store Design
, ,
1

Hello,

I want to disable the zoom option on the main product page across my store.

My store link: https://0bc922.myshopify.com/

randomchikibum_0-1689728516218.png
randomchikibum_0-1689728516218.png1865×721 141 KB

2

@randomchikibum - add this css to the very end of your base.css file and check

.product__modal-opener .product__media-icon {display: none; visibility: hidden;}
3

That would do the trick of hiding the icon, but visitors can still click on the image to zoom. I think you should find in the theme customization to see if it allows to disable zoom option.

4

@ZenoPageBuilder - you are right

@randomchikibum - add this css too, so you need to add both css in my responses to the end of your base.css file

.product-media-modal{display: none !important; visibility:hidden !important;}