product hover – hide swatches area

Hi,
after theme update to 7.3 when hovering products there is this area for variable products swatches. Can not find it in the settings where to turn it off – I have only products without variations.

Best,
Ivana

Attachments:

You must be logged in to view attached files.

Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue. We will include this fix in our next theme update 7.3.1.

.product.wd-hover-base:is(:hover,.state-hover) .wrapp-swatches:empty {
    transform: translateY(102%) translateZ(0); 
}

Kind Regards

Hello,
thank you. Unfortunately The CSS is not working (cache cleared).
But I can wait till the fix in 7.3.1.

Kind regards,

Could you please add the code and send us a link to the page where we can check this?

Sure. CSS added for desktop, cached cleared:
https://mydecor.sk/kategorie/

Sorry for the inconvenience. Please, replace that code with this one

.product.wd-hover-base:is(:hover,.state-hover) .wrapp-swatches:has(.wd-product-grid-slider-pagin:first-child:last-child){
    transform: translateY(100%) translateZ(0);
}

Something strange is happening, for some of the products´ hover the CSS works but for some it does not.

Kind regards,

Hi,

Try to add the following code snippet in addition to the previous code to fix this issue:

.product.wd-hover-base .wrapp-swatches:empty {
    display: none;
}

Kind Regards

[Author]

Posts