{"id":667,"date":"2021-02-28T12:31:46","date_gmt":"2021-02-28T12:31:46","guid":{"rendered":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/?p=667"},"modified":"2023-01-03T08:25:50","modified_gmt":"2023-01-03T08:25:50","slug":"how-to-add-filter-form-to-the-woocommerce-product-table","status":"publish","type":"post","link":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/how-to-add-filter-form-to-the-woocommerce-product-table\/","title":{"rendered":"How to add filter form to the WooCommerce product table"},"content":{"rendered":"\n

Adding filter form to the product table is possible by inserting search form in configure its settings in the \u201cSearch box & Pagination<\/strong>\u201d tab of WooCommerce product table<\/span><\/a> plugin.<\/p>\n\n\n\n

filtering has a big influence on impressing customers to purchase goods from your online store. It is essential to display a customer-friendly search form in your website and encourage your potential customers. This help filter the products they need and add them to the cart.<\/p>\n\n\n\n

Follow our below guide to show you how Woocommerce Product Table Plugin can help you to achieve this goal.<\/p>\n\n\n\n

Inserting a search box<\/strong> to add filters form in product table<\/h2>\n\n\n\n

Inserting a search box and add filter form to the product table is simply possible just by one click in \u201cSearch Box and Pagination<\/strong>\u201d Tab.<\/p>\n\n\n\n

As you can see in the below picture, by clicking on the checkbox next to Enable under \u201cSearch Enable \/ Disable<\/strong>\u201d field, you can insert a search box to your product table:<\/p>\n\n\n\n

\"Active<\/a><\/figure>\n\n\n\n

Depending on how you control and manage the search box by other fields that we are going to describe later, the appearance of your product table would be something like this:<\/p>\n\n\n\n

\"Product<\/a><\/figure>\n\n\n\n

\u201cSearch Keyword<\/strong>\u201d box, \u201cSearch<\/strong>\u201d box and \u201cReset Form<\/strong>\u201d button are 3 items that are always displayed on the top  of your product table after enabling the search box.<\/p>\n\n\n\n

The other item may differ from what you are observing in the above picture according to the settings you would prefer for your search box.<\/p>\n\n\n\n

Let\u2019s go and see how you can customize your own search box. It help to make adding filters to the product table even easier for your customers.<\/p>\n\n\n\n

Search box setting<\/strong><\/h2>\n\n\n\n

Search box settings in the Woocommerce product table plugin includes:<\/p>\n\n\n\n

Fields option of filter form<\/strong><\/h3>\n\n\n\n

This field has 4 options that you can enable \/ disable them by marking \/unmarking the checkbox next to them including:<\/p>\n\n\n\n

Order options<\/strong><\/h4>\n\n\n\n

This is a very good option for customers to sort product table items based on what they need.<\/p>\n\n\n\n

\"Sort<\/a><\/figure>\n\n\n\n

By enabling Order Options, a dropdown list will be added under the search box including the below items:<\/p>\n\n\n\n