, , , , ,

Search WooCommerce Products In Product Table

advanced search

In WooCommerce there are some most having feature to increase your conversion rate. All the thing you’ve to do is making the buying experience easy for your customer. When they feel comfort to buy and it becomes easier to find their desired products then they’ll visit your site to purchase.

To make the purchasing experience great a WooCommerce store should have a Search option. There are some plugins to add the search feature in WooCommerce store. In this guide I’ll show how to add and use the search feature in woocommerce.

Here in this guide I’ve used a plugin that is enabled to add the search feature. Also it shows the WooCommerce products in a table view.

Lets see how to enable Search feature with Woo Product Table Pro plugin and show the products in a product table. There’re two types of search in this plugin. One is Instant Search and the other is Advanced Search. Both of the search procedure will be shown here.

Woo Product Table Pro plugin follows the following major step to show the products in a table view.

  • First of all install the plugin on WordPress and active it to use it.
  • Generate shortcode and paste it to desired page/post
  • Publish and see how does it looks.

Instant Search

Instant search in product table is used to find the products that are already loaded in the table. Suppose in the product table there have loaded 50 products. Then from those loaded products you can search any products by Product Title/Category/Tag. If the searched item belongs to the previously loaded products in the table then the searched item will show in the table, if not, the table will be blank.

Step 1: Enable Instant Search Filter

Navigate to Dashboard->Product Table->Configure and find Instant Search Filter option. Then select yes from the text-box.

enable instant search

Image of enabling instant search


Step 2: Configure the shortcode generator

Now configure the shorcode generator to define how and which products will be shown in your table.

To configure shortcode navigate to Dashboard->Product Table->Product Table. There will be five different tabs. They are listed below.

  • Column (use to select what will be shown in table and set the table header)
  • Basics (use to define which category/tag to include/exclude, set table template etc)
  • Conditions (set sorting order, min/max price, stock/all product, post limit)
  • Mobile Issues (customize the table for mobile though it is responsive)
  • Search Box And Filter (customize advanced search box and filter)
Product tables tab

Image of Product tables tab


 

Related article:

How to Make a WooCommerce Product Table Using Woo Product Table Pro
Custom Fields In WooComerce
How to use Custom Taxonomy in WooCommerce?

 

Step 3: Use the customized shortcode in a post/page

After all customization generate the shortcode. Copy the shotcode from text-box and paste it to a new page/post or in an existing one. Publish the page and head over to View Page to see the results.

instant search in table

Instant search in table


Remember here, if the typed keyword related product doesn’t have in the table then the table will be blank after you search it.

Advance Search

Enabling this feature any items from the store can be find out and show the related product in a product table by Product Title.

Step 1: Configure the shortcode generator

Follow step 2 in Instant Search.

Step 2: Enable Advanced Search

Dashboard->Product Table->Product Table->Advanced Search And Filter and select Show Search Box (Default) from Advanced Search Box.

show advance search

Show advance search


Step 3: Use the customized shortcode in a post/page

Then generate shortcode, copy that and paste in a new page/post or in a existing one. Publish the page/post and go to View Page.

advance search in woo product table pro

advance search in woo product table pro


Here in the search Keyword text-box type product title and click on search. The keyword related product will be shown in a product table. To search the product in a specific category or tag just tick the related checkbox.

Taxonomy Search

Though in this plugin there are Instant Search and Advanced Search given as default  it also works with taxonomy search. So if you have a taxonomy created by taxonomy creator plugin you can search your product in specific taxonomy.

To know more about Taxonomy creating and customizing please follow, How to use Custom Taxonomy in WooCommerce?

In that article there was a custom taxonomy named color. Now following that article create a new taxonomy named size and edit your product size from product page.  Navigate to Dashboard->Products->All Products and edit the product you want.

Step 1: Customize shortcode for custom Taxonomy

Navigate to  Dashboard->Product Table->Product Table->Advanced Search And Filter and add product_cat,product_tag,size,color in Taxonomy Keywords for Advance Search Box. Also select Show Search Box (Default) from Advanced Search Box.

Note: Use small letter in text-field.

taxonomy add in shortcode generator

Taxonomy add in shortcode generator


Make other necessary changes from other tabs of shortcode generator.  Generate shortcode and copy that.

Step 2: Show and use Taxonomy search

Paste the copied shortcode in a new page/post or in an existing one. Head over to View Page and see the changes made.

custom taxonomy search

Custom taxonomy search


There any product can be searched by product category, tag, color and size. Just tick the related checkbox and click the search icon.

Filter Product

Filer in Woo Product Table Pro is used to filter the products that have been loaded in a table. Suppose a table has been loaded in page or post you want to show the products that belongs to specific category/tag/color/size or by custom taxonomy. Then you can use this filter.

Step 1: Customize shortcode for custom Filter

Navigate to  Dashboard->Product Table->Product Table->Advanced Search And Filter and select Filter Show(Default) from Mini Filter box. Add product_cat,product_tag,size,color in Taxonomy Keywords for Filter box(as I’ve created size and color for custom Taxonomy)

Note: Use small letter in text-field.

mini filter in shortcode

Mini filter in shortcode


Make other necessary changes from other tabs of shortcode generator.  Generate shortcode and copy that.

Step 2: Show and use Taxonomy Filter

Paste the copied shortcode in a new page/post or in an existing one. Head over to View Page and see the changes made.

filter products in product table

Filter products in product table


To know more about the plugin follow Woo Product Table Pro.