Bricks Tutorials

Updated on 08 Oct 2024 This Pro tutorial provides the steps to arrange the search results by specified post types in a Bricks site. We shall register a custom query…

Setting up a hero section, having images that pan and move as a background slideshow with content on top.

This Pro tutorial provides the steps to set up quickview buttons for products in a Woo (formerly, WooCommerce) products grid using Bricks' Popups and Interactions features. Clicking a button opens…

Updated on 9 Sep 2024 This Pro tutorial provides the steps for displaying PDF files from a HappyFiles folder as a list/grid using a Bricks query loop with PDF title,…

Updated on 31 Oct 2023 This Pro tutorial provides the steps for limiting the depth of WordPress navigation menu rendered via Bricks' Nav Menu element. Ex.: Limiting the depth to…

In the past we showed how posts could be grouped by years in Bricks. This Pro tutorial takes it further by grouping posts by categories which are further grouped by…

A few users in the Bricks forum wanted to know how to retrieve the label that corresponds with the selected value when the type of JetEngine's field is Radio or…

Updated on 17 Nov 2023. This Pro tutorial shows how we can set post__in query parameter of a query loop in Bricks to an array of post IDs for which…

In Bricks' "Builder access" settings when access is given to Editor user role (either Edit content or Full access), site editors can access Bricks Templates and Settings via the links…

We go through how to add a data attribute conditionally depending on the element’s class.

Product Gallery on single product pages in WordPress include the product's featured image by default. If you are looking to exclude it so only the gallery images are shown, add…

Rendering query-loop enabled posts depending on the value of each post's custom field value is tricky because by default, the custom field plugins' functions or builder-functionality for fetching the custom…

Looking to order the list of events output via a query loop in Bricks when using The Events Calendar?

This Pro tutorial provides the steps to toggle a WordPress menu when a div is clicked using the Interactions feature in Bricks. When clicked: Step 1 At Appearance → Menus…

The dropdown that appears after choosing "Internal post/page" when setting a link in Bricks shows media (attachment) items besides Pages, Posts and other CPTs. If you want to remove the…

Consider the following field group associated with Pages when using ACF Pro: "Page Fields" field group|_"Page Content" Flexible Content field|__"Layout 1" layout|___"Title" Text field|___"Layout 1 Gallery" Gallery (sub) field The…

How we conditionally display an element based on the current post's categories.

A Pro member of our site asks: Using bricks + Meta, conditionally show a post listing under 3 different conditions, based on the Current Date and Time… Would like to…