Do you want to create a custom WooCommerce product archive page that displays products from specific categories and tags? A product archive page helps visitors find all products in a category or tag at once, making it easier to browse and compare relevant items.
With the Product Listing widget from The Plus Addons for Elementor, you can display archive product listings on a custom product archive page without writing any code.
To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, click here.
Best Used For:
- WooCommerce stores that use category and tag archive pages to organize products for shoppers
- Online shops with large product catalogs where visitors need to browse by department or product type
- Membership sites and marketplaces that need a custom-designed archive layout separate from the default WooCommerce template
Requirement – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.
To create the product archive template, you can use the free Nexter Builder or Elementor Pro if you already use it.
Once you have created the archive template and added products to your WooCommerce store, follow the steps below.
1. Add the Product Listing widget to the template.
2. From the Product Listing Types dropdown, select Archive Page. This tells the widget to pull products from whichever category or tag archive the visitor is viewing, so each archive URL shows the correct set of products automatically.
3. From the Style and Layout dropdowns, select the design and arrangement that fits your store. Use a grid layout when your products have strong visual images, and switch to a list layout when product descriptions need more space on the page.
Your product archive pages will now display the correct product listing for each category and tag. You can explore the remaining settings in the widget’s Content and Style tabs to refine the display further.
For stores with a large catalog, creating a WooCommerce product category filter in Elementor helps visitors narrow down results on the archive page.
To let shoppers preview items without leaving the archive, you can also add a quick view button on WooCommerce products in Elementor so visitors see product details in a popup overlay.
Note: Make sure to use other archive related widgets to ensure that your content is displayed correctly.
Also, check How to Show Star Rating in WooCommerce Product in Elementor.
