Can I change the image zoom settings without using code?

Store Design
1

Hello! How can I change the size that the image zoom produces? When clicking on a product, it zooms into the entire page. I have read places there is the “disable zoom” you can check but I cannot find this option anywhere. I would like to either have the zoomed images reduced to about half the size they are or alternatively get rid of zoom all together.

I have found this question on here but the answers all require inputting code and I am a bit tech challenged!

My site is www.artxsoma.com

Thank you!!

2

Hi @KyEva ,

You can only change the code, this is the only way to change this for free.

Please go to Actions > Edit code > Assets > base.css and paste this at the bottom of the file:

@media screen and (min-width: 750px) {
.product-media-modal__content>* {
    width: 45% !important;
}
}

Hope it helps!

1 Like