Deactivate Zoom function at product images

Store Design
1

Hello Community,

as you can see in the Title we want to deactivate the zoom function at our product images.

We use the draft theme.

Thank you !

2

Hi @simonwieder

To deactivate the zoom image feature, please go to your Online Store > Themes > Edit code > Assets > Open section-main-product.css and add the following code to the bottom of the file.

.product__media-toggle {display: none !important;}
.product__modal-opener .product__media-icon {display: none !important;}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any questions!

1 Like
3

Hello AvadaCommerce

Thank you very much, it worked very well, is the a guide where i can read things like that ?

Greetings Simon

4

Hi @simonwieder

You can search for solutions for your question in this forum. Or you can search for more resources on the Internet.
And you can post your questions here, the community is always ready to support you :slightly_smiling_face: