Home › Forums › WoodMart support forum › Zoom on variation options (Color)

Zoom on variation options (Color)

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 20, 2024 at 11:17 pm #591381

    diegolops.reyes
    Participant

    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.
    August 21, 2024 at 2:21 pm #591534

    Luke Nielsen
    Keymaster

    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

    August 21, 2024 at 8:43 pm #591627

    diegolops.reyes
    Participant

    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

    August 22, 2024 at 10:42 am #591694

    Luke Nielsen
    Keymaster

    Hello,

    Yep, of course. I await the admin access.

    Thank you for your time.

    Kind Regards

    August 22, 2024 at 6:20 pm #591883

    diegolops.reyes
    Participant

    Perfect, In extra information is the credentials

    Thanks

    August 23, 2024 at 11:49 am #591997

    Luke Nielsen
    Keymaster

    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
Viewing 6 posts - 1 through 6 (of 6 total)