Bricks Tutorials List
Search / filter list
Tutorial | Date | Quick View | |
|---|---|---|---|
| How to Add Support for Variable Products in Bricks WooCommerce Filters | 27th Feb '26 | Pro ![]() 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 as can be seen here in the Roadmap. If you can not wait for Bricks to make this available and your shop needs this feature… View Tutorial → | |
| How to Show Header & Footer on WooCommerce My Account Endpoints in Bricks | 26th Feb '26 | Pro ![]() 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. View Tutorial → | |
| Searchable WordPress Timezone Dropdown | 26th Feb '26 | ![]() A must-use plugin for WordPress that helps you quickly select your city in the general settings for timezone. View Tutorial → | |
| How to change Ctrl/Cmd+Shift+V shortcut to View on frontend in Bricks | 23rd Feb '26 | ![]() 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. View Tutorial → | |
| Collapsing all accordion items on mobile in Bricks | 23rd Feb '26 | Pro ![]() Learn how to collapse all items of Bricks nestable accordions at a specific breakpoint. View Tutorial → | |
| Deep Linking to Headings inside Bricks Tab Panes via URL Hash | 22nd Feb '26 | Pro ![]() Learn how to link to a specific heading inside a Tabs (Nestable) element's tab pane content using custom JavaScript. View Tutorial → | |
| How to show data of a post whose ID is the value of a URL parameter in Bricks | 22nd Feb '26 | ![]() 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 URL, I am displaying a URL parameter that contains the ID of the custom post type.I want to display dynamic data (i.e. post title) on… View Tutorial → | |
| Categories and SubCategories Query Loop Tabs in Bricks | 19th Feb '26 | Pro ![]() Learn how to show top-level parent categories as tab titles and the corresponding subcategories as tab contents using Bricks nested queries. View Tutorial → | |
| WP Grid Builder’s Load More with ACF Repeater Bricks Query Loop | 18th Feb '26 | Pro ![]() Learn how to make WP Grid Builder's Load More facet work with Bricks' ACF Repeater query loop. View Tutorial → | |
| Custom keyboard shortcuts in Bricks builder | 12th Feb '26 | ![]() Learn how to insert common elements in Bricks builder editor easily with single key presses. Also, a handy hotkey to toggle the hover state for the selected element. View Tutorial → | |
| How to add a Class to all Images in Bricks Galleries | 2nd Feb '26 | Pro ![]() Learn how to add a custom class to all the images rendered by Bricks' Gallery elements so these images can be excluded from Perfmatters' Lazy Loading of images View Tutorial → | |
| Hierarchical Posts with Nested Query Loops in Bricks | 15th Dec '25 | Pro ![]() Learn how to set up nested query loops in Bricks to show hierarchical posts with child posts grouped under their corresponding parent posts View Tutorial → | |
| How to Insert an Ad or an Element Between Posts in Bricks | 11th Dec '25 | Pro ![]() How to insert an image or any Bricks element between posts output by a query loop. View Tutorial → | |
| Location-based Distance Filtering on a Google Map in Bricks | 6th Dec '25 | Pro ![]() Detailed instructions on setting up Bricks' Map element with additional location-based distance filtering or proximity search input. View Tutorial → | |
| Bricks Forms + Meta Box: Auto-Create Post Relationships on Form Submission | 21st Nov '25 | Pro ![]() How to link a Bricks post-creation form on a post to a newly created post of another post type using Meta Box relationship. View Tutorial → | |
| Upcoming Events in Bricks Grouped by ‘Month Year’ with Frontend Filtering by Event Type | 20th Nov '25 | Pro ![]() Updated version of the earlier Upcoming Events Grouped by ‘Month Year’ in Bricks tutorial with some improvements: View Tutorial → | |
| Latest Featured Posts First in Bricks Query Loop (No Duplicates) | 17th Nov '25 | ![]() In the Bricks Facebook group a user asks: We can use AI to help unfreeze our brains sometimes or at least have it write the code with us after giving directions on the logic 😅. Here's the PHP query for this: View Tutorial → | |
| HappyFiles Folder Images via Meta Box Taxonomy Field in Bricks Image Gallery | 15th Nov '25 | Pro ![]() How to set the source of Bricks’ Image Gallery element on a post to images in the selected HappyFiles Folder(s) via a Meta Box Taxonomy or Taxonomy field. View Tutorial → | |
| Custom Events Calendar in WordPress using REST API and FullCalendar | 12th Nov '25 | Pro ![]() Implement FullCalendar in WP using the WordPress REST API. Showing events on a calendar with event data (incl. custom field values) in popovers. View Tutorial → | |
| Frontend Search Filtering by Post Title, Content and Related Post’s Title in Bricks | 28th Oct '25 | Pro ![]() Update: Also added Variation 2 with support for Bricks' Load more functionality. In the Bricks Facebook group a user asked: Hello everyone. I have this issue with filtering and bi-directional relationships between 2 CPTs. I have made a query loop with the CPT "Sample packs" and need the CPT "Artists" post title in it. So… View Tutorial → | |
| Conditional classes and data attributes for query loop items in Bricks | 27th Oct '25 | Pro ![]() We explore adding conditional classes or data attributes to Bricks query loop items. View Tutorial → | |
| Post Info of a Selected Post on Meta Box Settings Page in Bricks | 26th Oct '25 | Pro ![]() How we can use PHP query feature in Bricks to get the value (post ID) of a Post-type Meta Box custom field View Tutorial → | |
| Pie Calendar Customizations | 22nd Oct '25 | Pro ![]() Programatically sync separate date and time custom fields & other useful customizations to the popular Pie Calendar plugin. View Tutorial → | |
| Filtering ACF Repeater Bricks Query Loop by Sub Field Value | 8th Oct '25 | Pro ![]() We look into how ACF Repeater rows output by a Bricks query loop can be filtered using the bricks/query/run PHP filter. View Tutorial → | |
| Post-specific Gravity Forms inside a Modal in Bricks | 4th Oct '25 | Pro ![]() Learn how we can pass post-specific values into a Gravity Form placed in a query loop, ensure the modal form resets properly after submission. View Tutorial → | |
| Limiting the Number of Images in Bricks Image Gallery Element | 2nd Oct '25 | Pro ![]() How we can use Bricks' render_tag() as a simpler way to limit the image count in any Gallery element. View Tutorial → | |
| ACF Flexible Content Gallery Field Bricks PHP Query | 2nd Oct '25 | Pro ![]() A walk through on setting up a ACF Flexible Content field with a couple of different layouts. View Tutorial → | |
| Post Titles and Post Content Tabs in Bricks | 1st Oct '25 | Pro ![]() How to set up Nestable tabs with post titles as the tab menu, and post content and/or any other post-specific data as the tab content. View Tutorial → | |
| ACF Group Sub Field Values from Matching Post Term | 30th Sep '25 | Pro ![]() In Bricks Reddit, a user asks: Let's break this down and set up the scenario practically. First, there's a Language taxonomy for posts (could be standard posts or a CPT posts) with these sample terms: Sample posts with languages assigned: Based on the graphic in the question, we are assuming that a post will have… View Tutorial → | |
| Bricks Image Gallery element with Image limit | 30th Sep '25 | Pro ![]() One way to set an image limit when outputting a Gallery in Bricks. View Tutorial → | |
| HappyFiles Bricks Query Loop | 29th Sep '25 | ![]() This tutorial explores different ways in which images from WordPress Media Library organized via HappyFiles can be pulled and shown in Bricks using query loop(s). Note that these are only needed when you want more control than what the 'HappyFiles - Gallery' Bricks element added by HappyFiles provides. HappyFiles folder images using nested query loops… View Tutorial → | |
| Bricks Dynamic Data Tag for Text-type Custom Field Value with Word Limit | 26th Sep '25 | Pro ![]() How to register a new dynamic tag for setting excerpt word limits and outputting an ellipsis (...) at the end. View Tutorial → | |
| Custom Dynamic Data Tags for ACF Field Label, Prefix and Suffix in Bricks | 26th Sep '25 | Pro ![]() Bricks lacks built-in dynamic tags for ACF field labels, prefixes, and suffixes. This tutorial shows how to add them using custom dynamic tags. View Tutorial → | |
| Staggered Entry Animations for Posts in Bricks Query Loops | 16th Sep '25 | Pro ![]() The steps for animating the posts output by a Bricks query loop in a staggered animation. View Tutorial → | |
| Querying Posts by Date Field to Exclude Past Events with ACPT Plugin | 21st Aug '25 | ![]() In the Bricks' Facebook group, a user asked: Meta query? What am I missing?Hi all, really need a little guidance on this one. I have a CPT called tradeshows, set up with ACPT. I have a loop showing them, but I would like to have the ones that the "End Date" has passed the current… View Tutorial → | |
| Conditionally Hide a Section on a Specific Taxonomy’s Term Archives in Bricks | 5th Aug '25 | ![]() A user asked: I have a CTA in the footer of my site, which I have custom fields on various templates, etc to populate. I don’t want it on a custom taxonomy archive (service-types), but I can’t for the life of me see how to hide that section on those alone. CPT: serviceCustom Taxonomy: service-type… View Tutorial → | |
| WordPress Posts using WP REST API in Bricks | 31st Jul '25 | Pro ![]() The steps to display posts from any WordPress site that has WP REST API enabled in Bricks builder using a custom query type. View Tutorial → | |
| WooCommerce Product Reviews Bricks Query Loop | 29th Jul '25 | Pro ![]() Creating a custom query loop for WooCommerce product reviews for building custom review layouts. View Tutorial → | |
| Display External WordPress Posts using WP REST API | 26th Jul '25 | Pro ![]() This Pro tutorial provides the steps for showing posts from any WordPress site using the WordPress REST API. For this to work, the external (or can be the same) WordPress site must have the REST API enabled (it is, by default). We shall add HTML, PHP and CSS for this in a Code element. As… View Tutorial → | |
| Getting Field Values from a Connected CPT when using Meta Box Relationship in Bricks | 15th Jul '25 | Pro ![]() Conditionally render elements in a single template of a CPT depending on the value of a regular custom field. View Tutorial → | |







































