As of WordPress 5.8, the Block Widgets Editor replaces the previous widgets administration. We are providing new Blocks with the extension, which should be used with the new Block Widgets Editor. The blocks are provided with the WooCommerce Product Search extension as of version 4.0.0.
The blocks that the extension provides are gathered under WooCommerce Product Search in the block browser. They are available anywhere blocks can be used, including the WordPress Editor, Widgets and the Customizer.

- Product Search Field — The block 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 blocks used to display live Product Filters and matching products. 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 blocks will display anywhere by default and can be restricted to only show on relevant shop pages. The special Product Filter – Products block can be used to create filterable shop pages.
Using the available Blocks
↑ Back to top


Detailed information on each Block
↑ Back to top- Product Search Field
- Product Filter — Search
- Product Filter — Categories
- Product Filter — Attributes
- Product Filter — Tags
- Product Filter — Price
- Product Filter – Rating
- Product Filter – Sale
- Product Filter – Stock
- Product Filter – Reset
- Product Filter – Products
Blocks, Shortcodes and Themes
↑ Back to topHint : The product filter blocks provide an option to Show on shop pages only. As blocks can be used as widgets or inside pages, the option is disabled by default. If a block is used as a widget in a sidebar, we recommend to enable the option, so that the Product Filter blocks only appear on shop pages. But if you are composing a page using the blocks, the option should be left disabled so that the blocks appear.