10th Mar '26

WooCommerce Products Live Search in Bricks

Sridhar Katakam

This Pro tutorial provides the steps to set up a live search for WooCommerce products in Bricks.

Note: Bricks' live search works with any type of query, not just posts.

Step 1

Edit Header template with Bricks.

Add a Section having a query loop-enabled Block with the query type set to Products.

JSON link for copying the fully-built Section can be found below.

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Tagged:

Sridhar Katakam

Sridhar Katakam is a Bricks enthusiast. He likes helping others by researching and solving WordPress-related problems and building websites.

Get access to all 634 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Pro

On Sale Ribbon for WooCommerce Products Query Loop in Bricks

Showing a SALE ribbon for products that are output using Bricks‘ Query Loop.

Categories: Bricks, Plugins, Pro

Tags: WooCommerce

Pro

WooCommerce Product Reviews Bricks Query Loop

Creating a custom query loop for WooCommerce product reviews for building custom review layouts.

Categories: Bricks, Plugins, Pro

Tags: Custom Query Type, WooCommerce

Create A Customizable AJAX Add To Cart Button In Bricks Builder

In Bricks, you can simply create an Add To Cart button from a dynamic data / function {woo_add_to_cart}. This button supports AJAX as well if…

Categories: Bricks, Free, Plugins

Tags: AJAX, Conditions, WooCommerce

Pro

How to Modify Products Element Query in Bricks to Output Child Products

This Pro tutorial provides the steps to limit WooCommerce products output by Bricks' Products element on single product pages to only the children of the…

Categories: Bricks, Plugins, Pro

Tags: bricks/query/result, WooCommerce

Pro

On Sale Products Bricks Query Loop

Looking to show only the WooCommerce products that are on sale in Bricks? Set up a query loop, enable the PHP query editor and paste:

Categories: Bricks, Plugins, Pro

Tags: WooCommerce

Pro

How to Add Support for Variable Products in Bricks WooCommerce Filters

Filtering for In Stock or Out of Stock WooCommerce products using Bricks' filters currently only works at the product level and not variation level. This…

Categories: Bricks, Plugins, Pro

Tags: WooCommerce

Pro