removing the option when hovering on a product from the home page

I would like to remove the animation when hovering on a product from the home page.
I just want it to be static with the price.
vid attached.

Attachments:

You must be logged in to view attached files.

Hello,

Please provide your site URL, if the site is under construction, please include the credentials in the private area.

Best Regards

In private

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .product-grid-item .product-element-top:hover .hover-img {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

Best Regards

private

Hello,

Please add this code to the Theme Settings > Custom CSS > Destop:

body .wd-hover-alt .swap-wrapp {
    overflow: visible;
    height: auto;
    line-height: 1.4;
}
body .wd-hover-alt .swap-elements .price,
body .wd-hover-alt .swap-elements .wd-add-btn {
    overflow: visible;
    height: auto;
    line-height: inherit;
}
body .wd-hover-alt.purchasable:hover .swap-elements,
body .wd-hover-alt.product-type-grouped:hover .swap-elements {
    -webkit-transform: none;
    transform: none;
}

Please remove the code provided before.

Best Regards

Thanks, but I need to remove this option completely from both mobile and desktop. Not just the animation.

Hello,

Please remove the provided code to the Theme Settings > Custom CSS > Global.

Best Regards

I did. but I still see the options button.

Hello,

If you want to remove the Add to cart button, please add this code:

.product-grid-item.wd-hover-alt .wd-add-btn {
	display: none;
}

If you mean something different, please provide the details.

Best Regards

[Author]

Posts