Is your product search results page a plain list that looks nothing like the rest of your shop? Shoppers who search are ready to buy; the results page should look the part.
With a search template, The Plus Addons Woo Product Listing shows the results in your own design, and the WP Search Bar sends shoppers there.
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 search results template from Nexter Builder or Elementor Pro’s Theme Builder.
- Widget to enable: Woo Product Listing, switched on under ThePlus Settings > Widgets.
Step 1: Add the listing to the search template
Edit your search results template and drag in the Woo Product Listing widget. In Content > Content Layout, set Product Listing Types to Search List.
The widget reads the search term from the address and lists matching products. The same listing type also works on product category and tag archives.
Step 2: Add a product search bar
Add The Plus Addons WP Search Bar widget to your header or the page. In its search field settings, set Source to Post and Select Type to Product.
In its Extra Options, switch off AJAX Search so searches go to the results page instead of a dropdown.
Step 3: Test
Search for a product on the live site. The results page shows your styled listing.
Limitations
- Pro only. The Woo Product Listing widget is not in the free plugin.
- Products only. Search List lists products, not posts or pages.
Troubleshooting
The results show every product
The template is not a search template, or the listing type is not Search List.
Searches open a dropdown instead of the page
AJAX Search is still on in the WP Search Bar widget.
Related Docs
- Woo Product Listing widget: settings overview — every control in the widget.
- Build a product archive page
- Add a category filter to the results
