Enhance User Experience with Advanced Search Filters

Keep your users in one place while they sort through your inventory

By default, it’s possible to include Inventory Items in your website search results, but this comes with some inherent problems. It takes your users away from the main page and mixes in other website results, all while being somewhat unclear on what can or can’t be searched for. Enter the Advanced Search Filter add-on. This handy enhancement allows your users access to a customizable list of filters to make searching through your inventory quick and easy. You can either utilize the instructions below, or follow along with this video tutorial:

Installation

  1.  Purchase and Download the Advanced Search Filter add-on.
  2. Install the add-on through your WordPress dashboard by navigating to the “Plugins” tab.
  3. After browsing and uploading the ZIP file, activate the plugin.
  4. Enter your license key on the settings page.

Customizing the Available Fields

Once the plugin is installed, you can configure the Search Filter by navigating to the Advanced Search menu item, where you will see a set of fields like the image below:

Any field that is checked will be available for your users to filter by. The fields will display in top-to-bottom order, and can be changed by dragging and dropping the fields.

By clicking the green folder icon on the right, you can open up another field to configure the options for each field specifically. Like the main fields, these will display in order, and the order can be changed by dragging and dropping fields. You can also add a “More Separator,” which will hide the option below the separator inside of a dropdown on the frontend. The following configuration will result in a display on the front end like the image below:

Please note that a label will not appear in the Search Filters on the front end if you do not have anything set. For example, if you are using AIM and create a custom field for the number of strings on a guitar, but don’t set that option within any items, then it will not show in the front end as a filter. If the field does not have a value, then it will not be added to the Search Filters.

Displaying the Search Filters

To display your Search Filters on the front end, you must insert the new Advanced Search Filter widget. First, in your WordPress menu, navigate to Appearance > Widgets. Here, you can drop the WP Inventory Advanced Search widget into any widgetized area. The widget itself can also be configured to suit your needs:

  • Title – Optionally set a title for the Advanced Search Widget.
  • More Text – Allows you to change the text of the More Separator dropdown. Defaults to “See More.”
  • Less Text – Allows you to change the text of the button to close the More Separator dropdown. Defaults to “See Less.”
  • Search Button Text – Allows you to change the text of the filter button. Defaults to “Search.”
  • Clear Button Text – Allows you to change the text of the button to clear the chosen filters. Defaults to “Clear.”
  • Display Options as – Changes whether filter options are displayed as checkboxes or a dropdown field. Please note that the More Separator does not apply to the dropdown display option.
  • Hide Widget on pages that do not display WP Inventory – When enabled, this option will hide the Advanced Search widget on any page that does not have the WP Inventory display shortcode.
  • Include Text Search Input – When enabled, this option adds a freeform text field to the top of the Search Filters that allows your users to type in their own search queries.
  • Suppress CSS Styles – When enabled, this option disables the default CSS styles for the Advanced Search widget, allowing you to customize the widget with your own custom CSS.

Advanced Search Filter Settings

There is one setting you can use to configure the add-on, found on the Advanced Search tab in the WP Inventory settings page.

  • Minimum Role to Admin Advanced Search – Sets the minimum user role required to configure the Advanced Search Filter add-on.