Do you want to hide the Add to Cart button from your products? When visitors see fewer purchasing options on the listing page, they click through to the product detail page where you can present targeted upsell and cross-sell offers to increase average order value.
The default WooCommerce shop template shows the Add to Cart button on every product card. The Product Listing widget in The Plus Addons for Elementor gives you per-listing control to show or hide the button in the Elementor editor, without custom code.
To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, click here.
Best Used For:
- WooCommerce stores where products require a size or variation selection before adding to cart
- Membership sites or inquiry-based businesses that need visitors to view the full product page before purchasing
- Bundle or configuration-based products where adding to cart directly from the listing is not the intended flow
Requirement – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.
To do this, make sure you have added some products to your WooCommerce store, then follow the steps –
1. Add the Product Listing widget to a page, then select the appropriate listing type, style, and layout.
2. Go to the Extra Options tab and disable the Cart Button Display toggle. This hides the Add to Cart button from every product in the listing.
To customize how individual product detail pages look in Elementor, see how to edit a WooCommerce product page in Elementor using the WooCommerce Builder in The Plus Addons for Elementor.
To change the button text instead of hiding it, turn on the Cart Button Display toggle. This reveals options to update the Add to Cart button text and the Select Options button text for variable products.
To display only featured products in a WooCommerce listing, see how to display featured products in WooCommerce in Elementor.
