Disable the hover over “add to cart” effect on desktop?

Hi Guys,
Is it possible to disable the hover over “add to cart” effect on desktop? (Keep the text only)
Thanks.

Hello,

Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.product-grid-item .wd-add-btn>a:focus span:not(.wd-tooltip-label), .product-grid-item .wd-add-btn>a:hover span:not(.woodmart-tooltip-label), .wd-hover-base:not(.product-in-carousel):not(.hover-width-small):not(.add-small-button) .wd-add-btn>a:focus span:not(.wd-tooltip-label), .wd-hover-base:not(.product-in-carousel):not(.hover-width-small):not(.add-small-button) .wd-add-btn>a:hover span:not(.wd-tooltip-label), .wd-hover-button .hover-mask>a:focus span:not(.wd-tooltip-label), .wd-hover-button .hover-mask>a:hover span:not(.wd-tooltip-label), .wd-hover-info-alt .product-actions>a:focus span:not(.woodmart-tooltip-label), .wd-hover-info-alt .product-actions>a:hover span:not(.wd-tooltip-label), .woodmart-hover-quick .wd-add-btn>a:focus span:not(.woodmart-tooltip-label), .wd-hover-quick .wd-add-btn>a:hover span:not(.wd-tooltip-label), .wd-hover-standard .btn-add>a:focus span:not(.wd-tooltip-label), .wd-hover-standard .btn-add>a:hover span:not(.wd-tooltip-label), .wd-price-table .wd-plan-footer .add-to-cart-loop:focus span:not(.wd-tooltip-label), .wd-price-table .wd-plan-footer .add-to-cart-loop:hover span:not(.wd-tooltip-label) {
    
	transform: none !important;
}

.wd-add-btn-replace .add-to-cart-loop:before {
    content: none !important;
}

Best Regards

Guys!
GREAT SUPPORT!!!
BIG LIKE!
Thanks a lot!

If you can build an option in the configurations on the next version:
Choose cart icon (for product add to cart) and enable/disable hoover over add to cart, it would be great!

Another even more important thing:
All the default product archive designs come bundled desktop and mobile – if you can separate them so I can choose for desktop one design and for mobile other – it will be great.

Thanks again for the great support!

Hello,

You are Most Welcome.

For now and I am forwarding this to our development department for considering to add it in the theme,
but I am not giving you the guarantee for that because please note that a theme cannot satisfy all requirements as it may cause theme heaviness. Sometimes it may require your own customization. So if the development department finds it fit with the theme environment then surely they will look through it.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts