Remove add to cart icon when you hover on image product

Hi,

Is it possible to remove the add to cart icon when you hover on image product in both shop page and categories (including related posts)?

Thanks!

Hello,

In order to remove icon try this CSS code:

.woodmart-hover-button .hover-mask .xoo-wl-btn:before {
    content:none;
}

If this code not effective, please provide your site link and credentials.

Best Regards,

Hi, unfortunately the code did not work.

Hello,

This code CSS is workable:

.product-list-item .woodmart-add-btn>a:before, .woodmart-hover-base:not(.product-in-carousel):not(.hover-width-small) .woodmart-add-btn>a:before, .woodmart-hover-button .hover-mask>a:before, .woodmart-hover-info-alt .product-actions>a:before, .woodmart-hover-quick .woodmart-add-btn>a:before, .woodmart-hover-standard .btn-add>a:before, .woodmart-price-table .woodmart-plan-footer .add-to-cart-loop:before {
    content: none;
}

Best Regards

Hi,

Its not working 🙁

Hello,

Have you added this code to Theme Settings > Custom CSS > Global?

Best Regards

Yes!

Hello,

The icon is hidden on hover http://prntscr.com/ix7ztn both on the category page and on the shop page

Best Regards

Hi,

What you are looking is a variable product that the add add to cart icon/quick shop on hover can be disable from theme options.

In single products when you hover on image the add to cart icon is there.

Hello,

I have filtered simple products and have found two. I hover on the image and see zoom but no icons. Will you kindly provide a screen with the problem for better understanding?

Best Regards,

Hi,

Please remove the links from the website you posted.

I will send you a screenshot with the issue.

Hello,

Done. Waiting for further details.

Best Regards

Hi,

Please see file attached in private content.
Thanks!

Hello,

Do you mean “Catalog mode” when products are presented with price, at the same time option to buy has been disabled? Have a look at this sample: http://prntscr.com/ixh05h

If yes, navigate to Theme Settings > Shop > Catalog Mode > enable.

If it is not what you want please clarify. Maybe give a site where you like this option.

Best Regards

Hi,

No, i don’t want a “catalog mode” enable. I just need to hide the add to cart icon/button on hover. Only this button.

The only add to cart button i want to be is the one in each single product page.

Thanks!

Hello,

Add this code to hide the button:

.woodmart-add-btn{
display:none;
}

Also, remove previous code, I have sent.

Best Regards

Hi,

Its seems to working so far!
Thanks for your help.

You are always welcome if you have any questions, feel free to contact us.

Best Regards

[Author]

Posts