Image hover - by JeanineH93 - on WordPress WooCommerce support

This topic has 18 replies, 4 voices, and was last updated 9 years, 9 months ago ago by Eva Kemp

  • Avatar: JeanineH93
    JeanineH93
    Participant
    March 16, 2016 at 14:36

    Hello,
    I have added a hover for my product image, but the hover is a little bit offset.
    Please see this page, the 2nd product: http://imafashionlover.com/?s=hairy+zebra&post_type=product
    The hover is not working perfectly. How to fix this?

    17 Answers
    Avatar: stan
    Stan Russell
    Participant
    March 16, 2016 at 15:18

    Hello JeanineH93,

    product images for that product are smaller that zoom area. Please upload bigger images.

    Regards,
    Stan Russell.

    Avatar: JeanineH93
    JeanineH93
    Participant
    March 19, 2016 at 14:48

    I have uploaded bigger images, but still the image hover is offset.
    It only happens with the photo in the middle. Please see: http://imafashionlover.com/product-categorie/accessoires/
    Every photo in the middle shows the error.

    Avatar: Eva
    Eva Kemp
    Participant
    March 21, 2016 at 09:11

    Hello,

    Sorry, but I don’t see any issues with hover images.
    Could you please show a screenshot or video for better understanding?

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: JeanineH93
    JeanineH93
    Participant
    March 21, 2016 at 19:46

    Every photo in the middle is showing a little movement whenever I put my mouse on it.
    I have three columns -> 3 photos -> every photo in the middle is showing movement when hovering.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 21, 2016 at 20:50

    Hello,

    Please provide us with WP Dashboard credentials in private content.

    Best regards,
    Jack Richardson.

    Avatar: JeanineH93
    JeanineH93
    Participant
    March 22, 2016 at 22:02

    Okay thanks for checking

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 23, 2016 at 15:12

    Hello,

    As I see you’re using old plugins versions.
    Please update them. You can download the latest versions of required plugins here https://www.8theme.com/download-plugins/ .
    Also disable all 3rd-party plugins and check hover effect after that.

    Best regards,
    Jack Richardson.

    Avatar: JeanineH93
    JeanineH93
    Participant
    March 24, 2016 at 20:10

    I have tried but the hover effect is still not working

    Avatar: Eva
    Eva Kemp
    Participant
    March 25, 2016 at 14:52

    Hello,

    As I see you’re still using old versions of required plugins.
    Please update them via FTP in wp-content/plugins directory. Download the latest plugins versions here https://www.8theme.com/download-plugins/ .

    Regards,
    Eva Kemp.

    Avatar: JeanineH93
    JeanineH93
    Participant
    March 25, 2016 at 16:30

    I have already downloaded all new plugins yesterday. So I’m not using any old plugins..

    Avatar: Eva
    Eva Kemp
    Participant
    March 25, 2016 at 19:37

    Hello,

    As I see you’re using old versions for plugins Revolution Slider, Ultimate VC Addons. Please update them, upload new versions via FTP in wp-content/plugins directory overwriting old plugins folders.

    Regards,
    Eva Kemp.

    Avatar: JeanineH93
    JeanineH93
    Participant
    March 25, 2016 at 20:00

    Hi Eva,
    Everything is updated but still no difference with the image hover.

    Avatar: Eva
    Eva Kemp
    Participant
    March 26, 2016 at 09:08

    Hello,

    I’ve just checked hover images and they are working fine.
    Please clear browser cache and check again or check with another browser.

    Regards,
    Eva Kemp.

    Avatar: JeanineH93
    JeanineH93
    Participant
    March 26, 2016 at 10:22

    Hi Eva,
    I have cleared the browser cache. In Internet Explorer the hover is working fine, in Google Chrome the hover is not working good.

    Avatar: Eva
    Eva Kemp
    Participant
    March 29, 2016 at 14:04

    Hello,

    Sorry for a long delay.
    I’ve added this code in child style.css file:

    .product-image-wrapper.hover-effect-swap img{
    backface-visibility: hidden;
    }
    .product-image-wrapper.hover-effect-swap img.show-image{
    backface-visibility: hidden;
    }

    Clear browser and server cache and check products after that.

    Regards,
    Eva Kemp.

    Avatar: JeanineH93
    JeanineH93
    Participant
    March 29, 2016 at 17:46

    Thanks that finally helped. Topic can be closed

    Avatar: Eva
    Eva Kemp
    Participant
    March 29, 2016 at 17:54

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

  • Viewing 18 results - 1 through 18 (of 18 total)

The issue related to '‘Image hover’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.