Hide Add to Cart Button with CSS

[gracenote]

Hi everyone,

 

I can't figure out how to hide the "add to cart" button from a product category. 

 

I managed to hide the quantity field and price (and other things) by using CSS in global.css 

The code I used to hide things looked like this

 

body.category-5 div.content_price{
display:none;
}

I just can't figure out what code belongs to the "add to cart" button so I can hide it. Any thoughts?

 

Thank you.

[gracenote]

I'm using prestashop 1.6

[dioniz]

You can try to do it like this:

body.category-5 div.button.ajax_add_to_cart_button{
    display:none;
}

[gracenote]

Thanks dioniz!! The add to cart button is strangely still showing for one product listing: https://penguinyell.com/5-custom-penguin-yell

The one in the center called "emperor".

I'm puzzled by that. 

[S-HAMMANI]

Hi:

try this:

.button.ajax_add_to_cart_button{
    display:none;
}

[gracenote]

Didn't work, but thanks S-HAMMANI. As I want it to only affect one category, I typed in your code like this (maybe I  messed it up?):

body.category-5 .button.ajax_add_to_cart_button{    
display:none;}

Also, interesting observation... in the back office, the two products that have hidden the add to cart button have a minimum order quantity of 6. The product listing (called "emperor") that still shows the "add to cart" button does not have a minimum order quantity. I gave it a minimum order qunatity "just to see what would happen" and the add to cart button became hidden. But when I removed the minimum order quantity, the add to cart button was revealed again. :-/ I don't want this product to have a minimum

order quantity. But I want to hide the add to cart button.

 

This is really perplexing to me.

[S-HAMMANI]

try :

     display: none !important;

Edited November 5, 2014 by S-HAMMANI (see edit history)

[gracenote]

S-HAMMANI, you saved the day!!! It worked!!!!!               

 

Thank you S-HAMMANI and dioniz! I am grateful for your time and knowledge to solve this!