Remove add to cart

[kodanska]

Hello, how can i remove the add to cart icon and white background that comes up when i hover over products? I want customers only to add to cart when they are on detailed product page.

See image of what i want removed.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option.

.woocommerce .product.mini-view figure .cart-overlay .shop-actions>.add-to-cart-wrap {
    display: none!important;
}

Hope it helps.

-Rui

[kodanska]

hello, yes it works on the front page thanks!

But i would like it also on the “shop” page where all products are displayed. Here I still have the icon on the images, can you please help me with the CSS to remove it here also?

Thank you

[Rui Guerreiro – SUPPORT]

Did you add any additional code? can’t see the add to cart in the shop page.

-Rui

[kodanska]

Hi Rui

You are right thanks, so now the only problem is that it still persists when in “mobile” view on the front page. Any ideas here?

Thanks

Anders

[Rui Guerreiro – SUPPORT]

Also add the code below.

@media only screen and (max-width: 479px){
.product figure .cart-overlay .shop-actions > .add-to-cart-wrap {
    display: none!important;
}
}

-Rui

[kodanska]

super works perfectly! Thanks a lot!

[Rui Guerreiro – SUPPORT]

No problem. Glad it’s sorted.

-Rui

[kodanska]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

I’m not seeing the add to cart.
https://www.dropbox.com/s/y5cjy33o6i89gwm/Screenshot%202016-11-23%2010.57.20.png?dl=0

Can you try to clear the browser cache and test in a different browser?

-Rui