How can I remove "add to cart" on product image?

If you want to remove add to cart on product pages, leave the product price blank, with that done no add to cart form appears.

To hide the sale indicator use this CSS:

.onsale { display: none !important; }

I have blank product price but “add to card” still shows on hover. https://bauhaushom.es/design-library/
Where exactly do I need to add the line of code in CSS (sorry not a coder).

On hover – that means it’s your theme is forcibly inserting the button when it ought not to do that. If I had to guess, I’d guess you bought the theme at ThemeForest.

Oh … just looked, yep, you bought it at ThemeForest! Not to knock ThemeForest, but just to point out that 99% of the time when people contact us about theme problems related to WooCommerce their theme came from ThemeForest; where sales are high and quality is typically only so-so.

Anyway, use this CSS to hide it:

.action .add_to_cart_button { display: none !important; }

Thank you for the code lines. Can you give me a hint where to insert it? Sorry, but I’m not a coder.

Marc

Following up on this again – can you please tell me where exactly to add this css?

thx,
Marc

Hi, can you please tell us where to add this CSS?

BUMP
Would be very appreciative for a response on where exactly to add the code to remove the add to cart link that appears on the product image hover.

Hi all, you need to add those CSS to your theme CSS file.

@marc[email protected], for your site, i have checked, you can try add the code into wp-content/themes/kallyas/css/options.css

.action .add_to_cart_button { display: none !important; }
.onsale { display: none !important; }

Hello this thread is same as my problem.

I want to remove the 2 hover button on the images here at my shop page

https://www.wod-fuel.com/shop/

And the images should link directly to its product page when click.

What will will I add, I know how to add code.

Thanks,
Rich