Hide 'add to cart' button ONLY on woocommerce shop/category pages

Question

I want to hide the button on my shop pages, but I would like to show it on other posts and pages.

I\'ve found this code to hide the add to cart button on my whole we

Answer 1

To remove the "Add to cart" button You need to use hook which not affect other code-

add_action( 'woocommerce_after_shop_loop_item', 'remove_loop_button', 1 );
function remove_loop_button()
{
if( is_product_category() || is_shop()) { 
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart');
}
}

this will remove add to cart button from shop/category pages .

Here you can get WooCommerce Action and Filter Hook -https://docs.woothemes.com/wc-apidocs/hook-docs.html

Answer 2

That's quite simple as i have gone through several tutorials when i was trying to fix it . You have to just put this code in woocommerce.php to hide add to cart button for shop page.

function WpBlog() {
  remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart');
  remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart');
  return WooCommerce::instance();
}

Hope that would work for you, if not let me know i will guide you

Answer 3

This could also be done with CSS by targeting the relevant classes:

.cart{display:none;}

.avia_cart_buttons{display:none;}

In my case there is that avia because i use Enfold Theme. With inspect element find out your class where the buton is located. and declare it invisible.

Another example is:

.woocommerce .products .shop-column.product-hover-style-2 .product-content 
.product-add-to-cart-btn{
    display:none !important;
}

Answer 4

Here is a plugin you can use to remove hide disable add to cart button https://wordpress.org/plugins/woo-options/

Answer 5

To remove add to cart buttons from shop, product category, and single product pages, use below steps:

1. Locate the functions.php in child theme. Child theme prevents changes been overwritten by WP updates. https://www.dreamhost.com/wordpress/create-woocommerce-child-theme/

2. Put below code in functions.php:

add_action( 'woocommerce_after_shop_loop_item', 'remove_add_to_cart_buttons', 1 ); function remove_add_to_cart_buttons() { if( is_product_category() || is_shop()) { remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart' ); } }

add_action( 'woocommerce_single_product_summary', 'woocommerce_before_cart' ); function woocommerce_before_cart() { if( is_product()) { remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart',30); } }

Answer 6

You can use the Woocommerce conditional tags to check: http://docs.woothemes.com/document/conditional-tags/

   add_action( 'woocommerce_after_shop_loop_item', 'remove_add_to_cart_buttons', 1 );

    function remove_add_to_cart_buttons() {
      if( is_product_category() || is_shop()) { 
        remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart' );
      }
    }