Zoom on variation options (Color)

Hi, I want to know if there is an option or a compatible plugin with the theme because I want to add some zoom to the variation image (Color) in my WooCommerce website. This zoom is when the user are hover or click action.

Here is the link and I attached a screenshot
https://ddmkt.com.mx/projects/pintolux/producto/pintolin/

Attachments:

You must be logged in to view attached files.

Hello,

It’s possible to add a custom but it will work for all variations with the images:

.single-product .wd-swatch:hover :is(img,picture) {
    scale: 1.2;
}

.single-product .wd-swatch .wd-swatch-bg {
    overflow: hidden;
}

Define it in Theme Settings -> Custom CSS -> Desktop CSS area.

Kind Regards

Hi, I have already added the CSS code but it looks that it doesnt happen nothing. Could I share you the credentials of the admin and you could help me?

Thanks

Hello,

Yep, of course. I await the admin access.

Thank you for your time.

Kind Regards

Perfect, In extra information is the credentials

Thanks

Hello,

Now I see that it works well – https://take.ms/K1Woz .

Let me know if you have sorted it out.

Kind Regards

[Author]

Posts