Control Product zoom in

Hi

On hovering the image for zoom effect the products are getting alot zoomed in. Please help me with steps to control zoom level

Hello,

Sorry but there is no option in Theme Settings available for that.

Best Regards

Would be great, to be able to turn off this zoom feature.

Is there any code to prevent zooming?

Hello,

@niwo Please Go to Theme Settings >> Products Archive >> Product Styles and disable the option.

Screenshot: https://gyazo.com/355fb7641562dd2316bec9323df787ec

Best Regards

[niwo]

The problem here will be, that the image wouldn’t switch anymore.
Only the zoom is the problem here. 😛

How to turn off only the zoom?

• This reply was modified 2 years, 8 months ago by niwo.

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.product-grid-item .hover-img {
transform: none;
transition: none;
}

Best Regards

Yes, it’s almost there.

I’ve adjusted it like this.

.product-grid-item .hover-img {
transform: none !important;
}

Thank you! 🙂

Hello,

@niwo We are Glad that your issue has been Resolved.

@gnama It’s been a while since we heard back from you. I am currently marking this topic as Resolved.
Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts