Site logo

Archived topic

product hover no longer?

3 replies · Started by Jeroen on May 6, 2021

Viewing posts 1–4 of 4

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

This archived topic is closed to new replies.