Do you want your shop and product category pages to match the rest of your design? One archive template can cover all of them.
The Woo Product Listing widget in The Plus Addons for Elementor reads whichever category or tag the shopper opened and lists its products.
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.
- A product archive template from Nexter Builder or Elementor Pro’s Theme Builder, set to display on product archives.
- Widget to enable: Woo Product Listing, switched on under ThePlus Settings > Widgets.
Step 1: Add the widget to the archive template
Edit the product archive template and drag in the Woo Product Listing widget. In Content > Content Layout, set Product Listing Types to Archive Page.
Step 2: Style and layout
Choose a Style and a Layout — Grid, Masonry, Metro or Carousel. Grid suits most shops.
Step 3: Paging
In Content > More Post Options, add pagination or a Load More button.
With no loading option set, Hide Out of Stock Product in Content > Extra Options keeps sold-out items off the archive.
Step 4: Publish and check
Publish the template and open a product category on the front end. Each category shows its own products.
Limitations
- Pro only. The Woo Product Listing widget is not in the free plugin.
- Query controls are hidden. Category, include and exclude fields disappear, because the archive decides the products.
- No Category Wise Filter on Archive Page listings.
Troubleshooting
Every category shows all products
Product Listing Types is still Normal Page. Set it to Archive Page.
The shop still shows the theme’s layout
Check the template’s display condition covers the shop and product archives.
