Bricks Tutorials

Learn how to use a Meta Box image field value as the author profile image on single post pages in WordPress/Bricks.

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.

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…

A user asked in the Bricks Facebook group: I have a loop of a CPT, showing 10 in a total of 16 posts and a load more button. I need…

Learn how to set up the year in which post was published as a custom field for posts and use this as a source for filtering posts in Bricks.

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.…

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…

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…

Learn how to output a query loop item(s) as many times as the value of a custom field in Bricks.

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…

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.

A must-use plugin for WordPress that helps you quickly select your city in the general settings for timezone.

Learn how to change the keyboard shortcuts for viewing on front end from Ctrl/Command + Shift + V to Ctrl/Command + Alt + V using custom JavaScript.

Learn how to collapse all items of Bricks nestable accordions at a specific breakpoint.

Learn how to link to a specific heading inside a Tabs (Nestable) element's tab pane content using custom JavaScript.

In the Bricks Facebook group, a user asks: Hey Everyone,I am trying to create the following:1- I have a Custom Post Type2- I have a static page, and in the…

Learn how to show top-level parent categories as tab titles and the corresponding subcategories as tab contents using Bricks nested queries.

Learn how to make WP Grid Builder's Load More facet work with Bricks' ACF Repeater query loop.