Hide second image on hover

I want to use Product Design – icons of image alternative
But don’t wan’t to use second image on hover
How to disable second image on hover?

Hello,

The second image can be hidden via the below code, enter it into the “Desktop CSS ” area that is in Theme Settings -> Custom CSS.

.xts-product .xts-product-thumb:hover .xts-product-hover-image {
    opacity: 0;
}

Thanks for your time and have a great day.

Kind Regards

[Author]

Posts