How do I SHUT OFF the product magnifier?

[Maxrebos]

When I go into my product page and you hover the mouse over the product image, the image becomes magnified. How do I STOP this from happening. I do not want that.

Thank you

[PeteyD1]

Hello @Maxrebos!

Product images will automatically zoom if they are larger than 640 pixels in either direction.  If you upload images to your products that are 640 pixels or less in both directions, the zoom will not function.

Best of luck to you and happy Weeblying!

[nick93]

But Nobody wants this feature!

[Queso]

Hello nick93!

Some of our users, like photographers and artists, do find the zoom necessary. However, so long as you keep the images at that size, you shouldn't have to deal with unnecessary zooms. Are you running into any sizing issues there?

[Sydney11]

I am an artist and want more pixels in my image, but DO NOT want the zoom. It is terrible in the mobile version

[cate520]

Hope Weebly would consider engineering a Product Magnifier shut off. It doesn't work for those of us who are offering hugephot os but are only upload smaller ones for the product image for ease of upload.

Thanks

[BackyardDenim]

Hi Pete D.   So your solution to this fundamental problem, is that we start from scratch and upload really **bleep** quality images?   

[technicalcat]

Boy, you'd think the Weebly people could help with something as simple as this. I deserve a discount for doing your jobs for you!

Go to Theme>Edit HTML/CSS>Partials>Commerce>Products>Images.tpl and you'll see code that says something like: 

<div id="wsite-com-product-images">
{{#main_image}}
<a href="{{full_url}}"class="cloud-zoom" id="zoom1" data-position="inside">
<img src="{{normal_url}}" class="wsite-com-product-images-main-image" itemprop="image"/>
</a>
{{/main_image}}
{{#has_other_images}}
<div id="wsite-com-product-images-strip" class="wsite-com-column-group">
{{#images}}
<a id="wsite-com-product-images-secondary-{{id}}"
href="{{full_url}}"
class="wsite-com-product-images-secondary wsite-com-column cloud-zoom-gallery"
data-zoom-id="zoom1"
data-small-image="{{thumbnail_url}}"
>
<div class="wsite-com-product-images-secondary-outer">
{{{thumbnail_html}}}
</div>
</a>
{{/images}}
</div>
{{/has_other_images}}
</div>

Edit out the part I've made bold above. Save, and zooming will be gone on hover. 

[annasus]

but how come i can't save after i edited?

[Bernadette3]

Hi @annasus Can you clarify what you mean by this? 

[annasus]

I had edited out the part class="cloud-zoom" id="zoom1", but I cannot save. There is no response.

[Bernadette3]

The zoom feature will kick in if the image is more than 620px wide. All you need to do is realize the image.

[annasus]

I had edited out the part class="cloud-zoom" id="zoom1", but I cannot save. But there is no response.

[Bernadette3]

I think there is an issue with saving the css/html section of the theme. Until the bug is resolved you will need to resize the product images.  

[dynamitedeals]

Thank You!!! It worked

[darraghh91]

This worked perfectly. Thanks

[venietiam15]

The problem with this is that it also disables the cart (not allowing customer to choose a quantity and add the item to their cart) once this line is edited, at least on some custom themes. Caution!