Widgets

We will be looking at two classes of widgets that the extension provides.

  • Product Search Field — The widget used to display a live Product Search Field. This renders an input field which shows matching results while the customer types. By default, it displays the product title, a short description, the price of the product and shows a button that allows to add it to the cart. It makes a lot of sense to show this anywhere on your site and allow your customers to search and add products to the cart very easily.
  • Product Filter — The widgets used to display live Product Filters. These are used to update the results shown on the shop page live, while the customer types or chooses filter criteria and without the need to reload the page. These widgets should be used with the shop page, as the live filtering functions will refine and update the products displayed on it. They will also work with product category pages and similar ones. These widgets will display on relevant shop pages only by default.

Using the available Widgets ↑ Back to top

To use any widget on your site, from your WordPress Dashboard go to Appearance > Widgets and locate the desired widget in the Available Widgets section. Alternatively, you can use the Assistant to add one ore more of the live Product Filter widgets in one go.

Widgets - Live Product Search and Filter Widgets

Click the widget, then click one of the sidebar options that appear below and then click Add Widget. You can also drag and drop the widget onto one of the available sidebars.

An example of a sidebar holding several live Product Filters: Search, Price, Categories, Tags and two for Attributes.

Detailed information on each Widget ↑ Back to top

Please refer to the following sections for detailed information about each widget.

Widgets, Shortcodes and Themes ↑ Back to top

The options of these widgets are very similar to those described for the Shortcodes – giving you the option to choose a widget or a shortcode depending on which is more suitable. If you are a developer and familiar with theme templates, the plugin also offers you the same features through its API.

Hint : The product filter widgets provide an option to show on shop pages only, as this makes sense in many cases, it is enabled by default. – To further control the conditions for when a widget should be shown, we recommend to use our free Widgets Control plugin.

WooCommerce - the most customizable eCommerce platform for building your online business.

Back to the top