Build More Dynamic Websites

Bricks & WordPress Tutorials

Hundreds of step-by-step tutorials and done-for-you code snippets to help you build custom, dynamic solutions in WordPress using Bricks Builder

Latest Tutorials

Pro
How to Add Support for Variable Products in Bricks WooCommerce Filters

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…
Categories:
Pro
How to Show Header & Footer on WooCommerce My Account Endpoints in Bricks

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.
Categories:
Searchable WordPress Timezone Dropdown

Searchable WordPress Timezone Dropdown

A must-use plugin for WordPress that helps you quickly select your city in the general settings for timezone.
Categories:
How to change Ctrl/Cmd+Shift+V shortcut to View on frontend in Bricks

How to change Ctrl/Cmd+Shift+V shortcut to View on frontend in Bricks

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.
Categories:
Pro
Collapsing all accordion items on mobile in Bricks

Collapsing all accordion items on mobile in Bricks

Learn how to collapse all items of Bricks nestable accordions at a specific breakpoint.
Categories:
Tags:
Pro
Deep Linking to Headings inside Bricks Tab Panes via URL Hash

Deep Linking to Headings inside Bricks Tab Panes via URL Hash

Learn how to link to a specific heading inside a Tabs (Nestable) element's tab pane content using custom JavaScript.
Categories:
Tags:
How to show data of a post whose ID is the value of a URL parameter in Bricks

How to show data of a post whose ID is the value of a URL parameter in Bricks

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…
Categories:
Pro
Categories and SubCategories Query Loop Tabs in Bricks

Categories and SubCategories Query Loop Tabs in Bricks

Learn how to show top-level parent categories as tab titles and the corresponding subcategories as tab contents using Bricks nested queries.
Categories:
Custom keyboard shortcuts in Bricks builder

Custom keyboard shortcuts in Bricks builder

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.
Pro
How to add a Class to all Images in Bricks Galleries

How to add a Class to all Images in Bricks Galleries

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
Pro
Hierarchical Posts with Nested Query Loops in Bricks

Hierarchical Posts with Nested Query Loops in Bricks

Learn how to set up nested query loops in Bricks to show hierarchical posts with child posts grouped under their corresponding parent posts
Categories:
Pro
How to Insert an Ad or an Element Between Posts in Bricks

How to Insert an Ad or an Element Between Posts in Bricks

How to insert an image or any Bricks element between posts output by a query loop.
Categories:
Tags:
Pro
Bricks Forms + Meta Box: Auto-Create Post Relationships on Form Submission

Bricks Forms + Meta Box: Auto-Create Post Relationships on Form Submission

How to link a Bricks post-creation form on a post to a newly created post of another post type using Meta Box relationship.
Pro
Upcoming Events in Bricks Grouped by ‘Month Year’ with Frontend Filtering by Event Type

Upcoming Events in Bricks Grouped by ‘Month Year’ with Frontend Filtering by Event Type

Updated version of the earlier Upcoming Events Grouped by ‘Month Year’ in Bricks tutorial with some improvements:
Latest Featured Posts First in Bricks Query Loop (No Duplicates)

Latest Featured Posts First in Bricks Query Loop (No Duplicates)

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…
Categories:
Pro
HappyFiles Folder Images via Meta Box Taxonomy Field in Bricks Image Gallery

HappyFiles Folder Images via Meta Box Taxonomy Field in Bricks Image Gallery

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.
  • BricksLabs Pro
    Level-up your skills and do more with Bricks.
    Get access to a growing library of Bricks specific tutorials and code solutions for building dynamic WordPress sites.
    • 621 Step-by-step Bricks tutorials
    • Regular updates
    • Support on implementation
    • Active FB community (2900+ members)
    • User tutorial requests*
    • Lifetime pricing available

FAQs