For mobile and planchet versions – changing to different photo when touching it

Hi,

Actually, it should work in the same way as on Basel theme at the moment. Could you please send us your product page link so we can check how it works now?

Thank you in advance.

Hi,

Please, send us screenshots from Basel and WoodMart so we can compare them and understand what are you asking about.

Thank you in advance.

Actually, this function doesn’t work for both themes. You can see it on desktop devices, but mobile menu doesn’t have hover state in CSS. When you click on the image, you will be redirected to the product page. That is why we disable this function for mobile devices to not confuse your customers.

Try to add the following code snippet to the Custom CSS area in Theme Settings.

body .product-grid-item .hover-img {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.product-grid-item.state-hover .product-element-top .hover-img {
    opacity: 1;
    transform: scale(1.09);
    -webkit-transform: scale(1.09);
}

Regards