Block Widgets ↑ Back to top
The WooCommerce Product Search extension comes with an exclusive set of blocks that are used with the Block Widgets Editor. They are available anywhere blocks can be used, including the WordPress Editor, Widgets and the Customizer.
Please refer to the Blocks section of the documentation for details.
Legacy Widgets ↑ Back to top
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.
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.
Detailed information on each Widget ↑ Back to top
Please refer to the following sections for detailed information about each widget.
- Product Search Field
- Product Filter — Search
- Product Filter — Price
- Product Filter — Categories
- Product Filter — Attributes
- Product Filter — Tags
- Product Filter – Rating
- Product Filter – Sale
- Product Filter – Stock
- Product Filter – Reset
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.