Disable product zoom

[gabbym0062]

Hello!

I want to disable the zoom on the first photo of my product pages, like the product link: https://www.tinahealthcare.com/collections/period-pain-relief/products/cuterus-heatable-plushie?vari...

Thank you!

[Boki97]

Go to customize theme > product  > default product> on the left side click on product page and you will find option to uncheck zoom

[Made4uo-Ribe]

Hi @gabbym0062 

Check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.product-gallery__image .zoom-container {
    pointer-events: none !important;
}

and Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[topnewyork]

Hi @gabbym0062 ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.product-gallery__image .zoom-container {
    pointer-events: none !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!