Do you want products on a landing page, a campaign page or your home page, not only on the WooCommerce shop page?
The Woo Product Listing widget in The Plus Addons for Elementor places a product listing on any page you build.
To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
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
Edit the page in Elementor and drag in the Woo Product Listing widget. In Content > Content Layout, keep Product Listing Types on Normal Page.
Step 2: Pick the style and layout
Choose a Style for the product card and a Layout — Grid, Masonry, Metro or Carousel.
Step 3: Choose which products
In Content > Content Source:
- Select Category — one or more categories.
- Include Product(s) — specific products by ID.
- Exclude Product(s) — product IDs to leave out.
- Display Product — featured, on sale, top rated and more.
- Maximum Posts Display — how many, default 8.
Limitations
- Pro only. The Woo Product Listing widget is not in the free plugin.
- It lists; it does not build the shop page. For the shop and category pages, use an archive template.
Related Docs
- Woo Product Listing widget: settings overview — every control in the widget.
- Show products in a grid
- Add a category filter
