Disable hover on product

Hi, how do I disable the hover effect for products on the shop/category pages?

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to Theme Settings > Product Archive > Product Styles > choose the product style standard button.

Best Regards.

Hi,

The ‘standard button’ option changes the complete style of the product card. I want the product card to be the ‘full width button’ option and only disable the hover effect on the product card (shadow and movement).

Hello,

Can you please share the page URL I will check and give you a possible solution.

Best Regards.

Hi, this is the url

Hello,

Sorry to say on your site 2fa authentication is enabled. Can you please give the site access? I will check and give you a possible solution.

Best Regards.

See access info below

So actually i want the product card to be the same as the product cards in the ‘related products’ section.

Hi,

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

.wd-hover-fw-button.wd-hover-with-fade.hover-ready:is(:hover,.state-hover) .product-wrapper {
	transform: none;
}

.wd-hover-fw-button.wd-hover-with-fade .content-product-imagin {
	box-shadow: none;
}

Kind Regards

It works, thanks.

Hi designfrenzy.nl,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,

[Author]

Posts