New Landing › How can we help? › Atelier › Remove Hover effect in the SINGLE PRODUCT IMAGE

Viewing 6 posts - 1 through 6 (of 6 total)
  • Back to forum
    Posted in: Atelier
  • April 24, 2017 at 5:35 pm #322132
    lucaluca
    Member
    Post count: 63

    Hi guys, is it possible remove the hover effect in all the “SINGLE PRODUCT IMAGE” of the website? I prefer to show directly the single image without this effect when I move the mouse on the single image. Thank you.

    April 25, 2017 at 2:34 pm #322259
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Can you check if you have the “Enable image zoom on product images” option disabled?
    https://www.dropbox.com/s/xz9gisfuiv7fvp3/Screenshot%202017-04-25%2014.34.37.png?dl=0

    -Rui

    April 25, 2017 at 2:46 pm #322260
    lucaluca
    Member
    Post count: 63

    Hi Rui, Yes I have the “Enable image zoom on product images” disabled. everything is set like in your screenshoot. But I still view the single product with the hover effect when the mouse is moved on the image…..

    April 25, 2017 at 3:18 pm #322271
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Add the code below to your custom css option

    .woocommerce-product-gallery .zoomImg {
    display: none!important;
}

    Hope it helps.

    -Rui

    April 25, 2017 at 3:23 pm #322273
    lucaluca
    Member
    Post count: 63

    Thank you Rui, where I have to copy this code?

    April 25, 2017 at 3:25 pm #322274
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Paste it in Theme Options-> Custom css

    -Rui

  • Back to forum
    Posted in: Atelier
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register