Archived topic
product hover no longer?
3 replies · Started by Jeroen on May 6, 2021
Hi
Been using the theme for a while, it's good :-)
Recently, maybe due to theme updates?, we notice in this webshop that the nice product image on hover no longer appears on newly added products. Is there a way to restore this functionality?
See for example on https://festen-leshop.nl/product-categorie/interieur/bloemen-en-vazen/
The top 4 products are recent, they have no hover. The 4 in the row below do.
Jeroen
Hi there,
you're using the Yith plugin to add a badge to those products. Its wrapping the main First image in its own container block - which is breaking the default Woocommerce hover behaviour. Its a problem you should raise with the plugin author.
In the meantime you can try fixing it with a little CSS:
.woocommerce ul.products li.product.yith-wcbm-product-has-badges:hover .wc-has-gallery .secondary-image {
opacity: 1;
}
.woocommerce ul.products li.product.yith-wcbm-product-has-badges:hover .container-image-and-badge img {
opacity: 0;
}
Hi David
That css fixes it indeed, thanks so much!
Jeroen
I would recommend you raise it with the plugin developer so they can fix the issue at source.
Glad to be of help