I’m setting up a catalogue site for a family business. They don’t want to sell online but they want to show their products with price information and an enquire button which links through to a contact form. For this I have purchased this catalogue add on from woothemes: http://www.woothemes.com/products/catalog-visibility-options. This enables in most themes to remove the add to cart buttons, but in X I have two issues:

1) when hovering over the product the ‘Add to Cart’ text appears
2) there is a shopping cart icon next to where the button now says enquire

I’d like to remove both of these.

Thanks for your help

Link: http://serendipityfashions.net/dev/?post_type=product
WP version: 3.9
Theme version: 2.0.1

Please try adding the code below in the Customizer > Custom > CSS.

.woocommerce li.product .entry-header .button, .woocommerce-page li.product .entry-header .button {
display: none;
}

Hope that helps. 🙂

This solves my first problem. For anyone looking for the answer to the second part:

2) there is a shopping cart icon next to where the button now says enquire

I’ve just found this response from another thread:

It’s not quite the cleanest fix but if you put

.woocommerce .button.product_type_simple:before, .woocommerce .button.single_add_to_cart_button:before, .woocommerce-page .button.product_type_simple:before, .woocommerce-page .button.single_add_to_cart_button:before {
content: “”;
}
into the custom css section of the customizer it should have the desired effect

Thanks everyone for your help

David

Glad to hear it worked for you and thanks for providing additional information.

If you have any other concern please let us know and we’d be happy to help you

Cheers

I had this removed long time ago but it seems it appeared again some how and I am not managing how to make it disappear.

I would like to remove the add to cart button on hover from all pages like

http://www.d-inter.hr/radna-obuca/

and also

from the products like the one below, quantities and add to cart button

http://www.d-inter.hr/product/bib-kratke-pregace/

Any help?

Thanks

Joao

Thanks for updating this thread! To remove the add to cart button in the products and the single product page, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.woocommerce li.product .entry-header .button, 
.woocommerce-page li.product .entry-header .button,
.woocommerce .quantity, 
.woocommerce-page .quantity,
.woocommerce .single_add_to_cart_button,
.woocommerce-page .single_add_to_cart_button {
    display: none;
}

Hope this helps. Kindly let us know.

I followed your instructions but it seems to have no effect.

Thanks

Joao

Please try this following CSS instead:

button.single_add_to_cart_button.button,
a.button.add_to_cart_button.product_type_simple,
.woocommerce .quantity input[type="number"], .woocommerce-page .quantity input[type="number"] {
    display: none !important;
}

Hope it helps.