Disable product zoom

Store Design
1

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?variant=50145163018471

Thank you!

1 Like
2

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

3

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:

Made4uoRibe_0-1725483884044.png
Made4uoRibe_0-1725483884044.png1218×767 161 KB

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

4

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

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

Thanks!