How to Only Search WooCommerce Products in WordPress?

Table of Contents

Want to make it easier for people to find your products on your WooCommerce store? Adding a search bar can help them quickly look for what they need, making their shopping experience better.

With the Search Bar block from the Nexter Blocks, you can easily limit the search to WooCommerce products only instead of searching everything.

To check the complete feature overview documentation of the Nexter Blocks Navigation Menu block, click here.

Requirement  – This block is a part of the Nexter Blocks, make sure it’s installed & activated to enjoy all its powers.

To do this, make sure you’ve added some products to your WooCommerce store.

Then, add the Search Bar block on the page or template and follow the steps –

1. Open the item under Search Bar and select Post from the Source section.

2. From the Select Post dropdown, select Products.

searchbar select product

Now, you should be able to see a dropdown beside the search bar.

In the Label field, you can add a label name for the select dropdown.

In the Placeholder field, you can add a placeholder text for the select dropdown. 

From the Show Count toggle, you can show the number of products the item has in numbers.

3. Now go to Extra Option tab and enable the AJAX Search toggle.

searchbar ajax search 5

Now you can select a product from the dropdown to show all the products in the search result or you can directly search for products as well.

searchbar select product demo

Still in Doubt? Let’s Assist You

Need Help? Ask AI Bot

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Related Docs