--- title: "How to Hide Add to Cart Button in WooCommerce in Elementor?" url: https://theplusaddons.com/docs/hide-add-to-cart-button-in-woocommerce-in-elementor/ date: 2023-08-08 modified: 2026-09-11 lang: en author: "Aditya Sharma" description: "Do you want shoppers to open the product page before buying — to see sizes, details or upsells — instead of adding to cart from the grid? The Woo Product..." image: https://theplusaddons.com/wp-content/uploads/2023/08/How-to-Hide-Add-to-Cart-Button-in-WooCommerce-in-Elementor_-1024x536.jpg word_count: 361 --- # How to Hide Add to Cart Button in WooCommerce in Elementor? ## - The Plus Addons for Elementor Pro includes the Woo Product Listing widget, and it is not in the free plugin; it also requires WooCommerce installed and active plus some published products. - Woo Product Listing hides the Add to Cart button from every product card when Cart Button Display is switched off under Content > Extra Options, and that setting is on by default. - Woo Product Listing keeps purchases possible from the product page, and it can rename the button with Add to Cart Text for simple products and Select Options Text for variable products. Do you want shoppers to open the product page before buying — to see sizes, details or upsells — instead of adding to cart from the grid? The Woo Product Listing widget in The Plus Addons for Elementor can hide the Add to Cart button on its cards, or change its wording. *To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, [click here](https://theplusaddons.com/docs/product-listing-widget-settings-overview/).* ***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing/?utm_source=tpae&utm_medium=docs&utm_campaign=text#woo-products-wgts) ## Before You Start - **Edition:** **Pro** — the Woo Product Listing widget is part of The Plus Addons for Elementor Pro. It does not appear in the widget panel of the free plugin.- **WooCommerce** installed and active, with some published products.- **Widget to enable:** Woo Product Listing, switched on under **ThePlus Settings > Widgets**. ## Step 1: Add the widget Drag the **Woo Product Listing** widget onto the page and choose a style and layout. ## Step 2: Turn off Cart Button Display Open **Content > Extra Options** and switch off **Cart Button Display**. It is on by default. The button disappears from every product in this listing. ![The Cart Button Display switch in Content > Extra Options](https://theplusaddons.com/wp-content/uploads/2026/09/tp-product-listout-cart-button-display-wide-cart.webp) ## Or rename the button Leave **Cart Button Display** on and change the labels underneath: - **Add to Cart Text** — for simple products, default *Add to cart*.- **Select Options Text** — for variable products, which need a size or colour chosen first. ![The Add to Cart Text field below Cart Button Display](https://theplusaddons.com/wp-content/uploads/2026/09/tp-product-listout-add-to-cart-text-wide-cart.webp) ## Settings Reference | Setting | Where | Default | | ------- | ----- | ------- | | Cart Button Display | Content > Extra Options | On | | Add to Cart Text | Content > Extra Options | Add to cart | | Select Options Text | Content > Extra Options | select options | ## Limitations - **This listing only.** The product page, the shop page from your theme and other widgets keep their buttons.- **It does not stop purchases.** Shoppers can still buy from the product page. To make a product unpurchasable, change it in WooCommerce.- **Pro only.** The Woo Product Listing widget is not in the free plugin. ## Troubleshooting ### The button is still on the product page This setting affects the listing cards only. The single product page is controlled by your product template. ## Related Docs - [Woo Product Listing widget: settings overview](https://theplusaddons.com/docs/product-listing-widget-settings-overview/) — every control in the widget.- [Add a quick view button instead](https://theplusaddons.com/docs/add-quick-view-button-on-woocommerce-products-in-elementor/)- [Show featured products](https://theplusaddons.com/docs/display-featured-products-in-woocommerce-in-elementor/) ## Frequently Asked Questions **Q: How do I hide the Add to Cart button in a WooCommerce product grid in Elementor?** A: The Woo Product Listing widget in The Plus Addons for Elementor hides the button from the listing cards by turning off Cart Button Display under Content > Extra Options. That setting is on by default, so switching it off removes the button from every product in that listing. This is useful when you want shoppers to open the product page first and see sizes, details, or upsells before buying. **Q: Why is the Add to Cart button still showing on the single product page?** A: That setting only affects the listing cards, not the single product page. The product page is controlled by your product template, so hiding the button in Woo Product Listing will not change what appears on an individual product page. If you need a different result there, the page content points to WooCommerce and your template as the place that controls it. **Q: Can I rename the Add to Cart button instead of hiding it?** A: The Woo Product Listing widget lets you keep Cart Button Display on and change the label text instead. Use Add to Cart Text for simple products and Select Options Text for variable products that need a size or colour chosen first. That gives you a softer conversion path without removing the button entirely, which can be better when you still want shoppers to act from the grid. **Q: What do I need before using this WooCommerce button setting in Elementor?** A: This tutorial depends on three things: The Plus Addons for Elementor Pro, WooCommerce installed and active with some published products, and the Woo Product Listing widget enabled under ThePlus Settings > Widgets. The widget does not appear in the free plugin, so missing any of those pieces will block the setup before you even reach the button controls. **Q: Does hiding the Add to Cart button stop customers from buying products?** A: Hiding it in this widget only removes the button from the listing cards. It does not stop purchases, because shoppers can still buy from the product page. If a product needs to be truly unpurchasable, that has to be changed in WooCommerce itself rather than through this listing widget. **Q: What should I use instead of hiding the Add to Cart button if I want shoppers to inspect products first?** A: A quick view button is the closest alternative mentioned here if you want people to look at details without going straight into cart flow. The page also frames this setup around letting shoppers open the product page first to see sizes, details, or upsells. For related setups, The Plus Addons for Elementor also links out to [Add a quick view button instead](https://theplusaddons.com/docs/add-quick-view-button-on-woocommerce-products-in-elementor/) and [Show featured products](https://theplusaddons.com/docs/display-featured-products-in-woocommerce-in-elementor/).