Hover effect doesn't work correctly on products

Hey Dirk,

Your JS files seem to be cached, what happens if you clear that or disable the plugin which is caching resources on your site?

Best regards,
Rikard

Hi Dirk,

Thanks for the update. We’ll keep this thread open for you in case you should need any further help from us.

Best regards,
Rikard

Hi,
Thank you, I took a look at your page and found that when hovering over your product image on the right side the mouse changes size quickly and the flickering of the background image occurs, I thought this was due to some javascript, but when I add this css it all stops and behaves correctly:

#top.postid-107581 .product-images:hover .woocommerce-product-gallery__image {
    width: 100%;
    height: 100%;
}

Please add this css and clear your browser cache and check, it will only effect the one page.

Best regards,
Mike

Hi,
Please try adding the css code in the General Styling > Quick CSS field, and then clear your browser cache and any cache plugin, and check.
Whenever you add css to your style.css of your child theme you need to rebuild your compressed css by re-saving your Quick CSS.

Best regards,
Mike

Hi,
You said you are not able to update woocommerce or the other woo plugins?
I see your child theme has many scripts and files, have you tried activating the parent theme “enfold” to see if this continues without the scripts & files?
I noticed that on the pages that the Zoom is acting up the image doesn’t have the class “zoomImg” or the role “presentation”
Please see the screenshots in Private Content area.

Best regards,
Mike

Hi,
I see the flickering on this product with Chrome on Windows.
The image here is using the zoomImg class, as outlined here
It is also the only product that I find that has two other images in the product image set, but neither are shown on “onmouseenter” or “onmouseleave”, most of your products seem to be like this one with only one image and no hover effect.
When the option “WooCommerce 3.0 product gallery” is picked in the “Shop Options” the default action is the “zoomImg” when the “Default enfold product gallery” is picked then the product image has no hover effect but when clicked it opens in a lightbox.
So I don’t see any settings to add another set of images that uses a hover effect to your product images, are you sure this is not added via a plugin or script?
Perhaps this is a conflict with the latest Enfold and your older woocommerce which you said you can’t update or one of your scripts?
Have you tried activating the parent theme “enfold” to see if this continues without the extra scripts & files from your child theme?
Best regards,
Mike

Hi,
Very good then, we will close this then. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike