Bricks builder comes with a Password Protection template, but it is at the page-level i.e., swaps out the whole content area of a page. The built-in password protection has no…
How to move data attributes from outer element to nested element in Bricks
Consider a scenario where a Container/Block in Bricks is made up of image on the left side and a heading with text blurb on the right with both image and…
Nested Query Loops with Dynamic Author Filtering in Bricks
This Pro tutorial provides the steps to set up nested query loops in Bricks for grouping posts by their authors. For the posts under each author, we shall show one…
Auto-expand Current Post’s First Category in Categories Accordion
In the BricksLabs Facebook group, a user asked: This Pro tutorial provides the steps to set up nested query loops in the single post (can be standard posts or a…
Learn how to enable masonry layout for nestable accordions in Bricks builder and use JavaScript to re-layout the masonry on accordions' open and close.
Per-Category Load More with Post Count in Bricks Builder Nested Query Loops
In the BricksLabs group, a user asks: Hi everyone! I'm working on a website where I need to list a large number of products on the product archive page, which…
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.…
How to Add a Live Search to Filter Posts Grouped by Categories in Tabs
This Pro tutorial builds on top of the earlier Dynamic Tabs in Bricks tutorial and provides steps to add a live search input for filtering the posts by post titles…
How to Redirect WordPress Search to WooCommerce Shop Filter by Product Title or SKU
Learn how to redirect users to the Shop page with filtered results if the searched term matches a WC product title or SKU. And, if it does n't, to the…
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 will soon be officially supported…
How to Show Header & Footer on WooCommerce My Account Endpoints in Bricks
If you ever wanted to not render header and footer on the WooCommerce My Account page but output them for endpoints like /my-account/orders this tutorial is for you.