Skip to content

How to Hide Add to Cart Button in WooCommerce in WordPress?

Key Takeaways

  • Nexter Blocks Pro Product Listing block switches off the add to cart button for every card in a listing, while prices, images, and titles stay exactly as they are.
  • WooCommerce product pages still keep their own add to cart button, so hiding the button on one listing does not stop purchasing or adding the product to a cart directly.
  • Nexter Blocks Pro deactivated renders nothing at all for the Product Listing block, and the post says the block is Pro only under Nexter > Blocks in the WordPress dashboard.
Table of Contents

Not every product listing is trying to sell on the spot. A catalogue, a portfolio of past work, or a trade range with no public prices all want the products without the buying.

The add to cart button can be switched off on the listing, leaving the cards as a browse-only catalogue.

Before You Start

  • Edition: Pro — the Product Listing block needs Nexter Blocks Pro.
  • Block to enable: Product Listing, switched on under Nexter > Blocks in your WordPress dashboard.
  • WooCommerce active, with published products. The block reads your real catalogue, so an empty store renders an empty listing.

Steps

  1. Select your Product Listing block.
The Product Listing block
  1. Switch the add to cart button off.
  1. Publish and check the cards on the real page.

How It Behaves

The button is part of the card, and switching it off removes it from every card in the listing.

  • It is on by default. Measured on an untouched listing, every card rendered an add to cart button.
  • Measured with it switched off: no add to cart markup rendered on any card, while prices, images and titles stayed exactly as they were.
  • It changes this listing only. The product page still has its own add to cart button, and the product remains purchasable.
  • The card is still a link to the product, so a shopper can reach the product page and buy from there.
  • Measured with Nexter Blocks Pro deactivated: the block renders nothing at all — no wrapper, no products, no prices. This is a Pro-only block.

Limitations

  • Pro only — measured with Nexter Blocks Pro deactivated, nothing renders.
  • This is presentation, not permission. Hiding the button does not stop anyone buying. The product page still sells, and the product can still be added to a cart directly.
  • If you genuinely need to prevent purchase, use WooCommerce’s own catalogue mode or stock settings rather than hiding a button.
  • Prices still show unless you hide those separately, which surprises people building a trade catalogue.
  • It applies to the whole listing, so you cannot keep the button on some cards and not others.

Troubleshooting

The button is still there

Check you changed the setting on the right block, and that you are viewing the published page.

People can still buy the product

Expected. This hides a button on one listing; it does not disable purchasing. Use WooCommerce’s catalogue mode for that.

I want to hide prices too

That is a separate setting on the block, and worth doing together for a trade catalogue.

The cards look unbalanced now

Removing the button changes the card height. Adjust the card padding to compensate.

Related Docs

Share your Thoughts

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Related Frequently Asked Questions

What do I need before hiding the Add to Cart button in WooCommerce product listings?

The Product Listing block is a Pro-only feature in Nexter Blocks, so the setup only works when Nexter Blocks Pro is active. WooCommerce also has to be active, and the store needs published products because the block reads your real catalogue. If the store is empty, the listing renders empty too. That matters for catalog-style pages where you want products visible without pushing a purchase action.

How do I hide the Add to Cart button on a WooCommerce product listing page?

The change happens at the Product Listing block level in Nexter Blocks. Switch the add to cart button off, then publish and check the real page. That removes the button from every card in that listing, which is useful when the page is meant to act like a browse-only catalogue instead of a sales grid. The card still shows the product content.

Does hiding the Add to Cart button stop customers from buying the product?

No, because this is presentation, not permission. The listing button disappears, but the product page still has its own add to cart button and the product can still be added to a cart directly. The card also stays linked to the product page, so shoppers can still reach it and buy there. For blocking purchases entirely, WooCommerce catalogue mode or stock settings are the right tools.

Can I hide prices too when I remove the Add to Cart button?

Prices stay visible unless you hide them separately on the block. That separation matters for trade catalogues, where people often want a clean browse-only layout with no buying cues. Hiding only the button leaves prices in place, so if you want a fully stripped-back catalogue look, price visibility needs its own setting too.

Why does my product grid look unbalanced after removing Add to Cart buttons?

Removing the button changes card height, so rows can look uneven even though images, titles, and prices stay exactly as they were. The practical fix is to adjust card padding so the layout breathes evenly again. That is especially important on listings with mixed content lengths, where one missing element can make spacing feel off fast.

What happens if Nexter Blocks Pro is deactivated?

The Product Listing block renders nothing at all when Nexter Blocks Pro is deactivated. That means no wrapper, no products, and no prices appear on the page. Since this is a Pro-only block, it is worth checking activation first if your listing suddenly disappears instead of just losing the Add to Cart button.

Last reviewed: September 27, 2026

Related Docs