Single product image zoom ratio

Can the magnification ratio of the images be adjusted when hovering over the product details page in WooCommerce? Currently, the original image size is quite large, so it becomes significantly bigger when zoomed in. Is it possible to adjust this magnification ratio?

screenshot

Attachments:

You must be logged in to view attached files.

+1

Hello,

Although unfortunately there isn’t a direct option available to adjust the Product Image zoom effect but you can try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

.single-product .zoomImg {
    transform: scale(0.8) !important;
}

In this CSS, you can change the value of scale according to your choice.

Best Regards

[Author]

Posts