Bricks Tutorials List

In the BricksLabs Facebook group a user asks: Could you make a new tutorial about how to make a "CPT?" for Bricks template sections and other elements? Journey: We want to add re-usable element to our customers, what is can edit simply. And we just put the generated shortcode into the page. So, when they…

In the previous ACF Flexible Content in Bricks tutorial we showed how Bricks' Flexible Content type of query can be used for showing the ACF Flexible Content field rows inside a Container. A user asked in the comments: Thanks for the great tutorial. How can we use flexible content where each row layout still gets…

In the Bricks Facebook group a user asked: I need help with Metabox and Bricks! I have created a CPT "SalesRep" with multiple custom fields that has relationship with User. In User Meta I have a Custom Field SalesRep, a dropdown that is being fed by "SalesRep" CPT Title (it’s a Post type Custom field)…

In the BricksLabs Facebook group a user asks: How might I repeat query loop items until it reaches a specific number? One service might have 7 images, another might have 10, but there needs to be exactly 13, so they need to loop again until 13 is reached. This Pro tutorial shows how bricks/query/result filter…

This tutorial provides the steps to show a specific post's data like the title, featured image in a Bricks Popup. Step 1 Go to Bricks → Templates and add a new one of the type 'Popup'. Edit it with Bricks and in its settings → Template Settings → Popup, enable "Fetch content via AJAX". In…

Creating custom add to cart buttons for SureCart in Bricks, adding a loading animation & tooltip for visual feedback.

Looking to conditionally output an element if the current post (either in a query loop or when viewing a single post) has been published in the last x number of days? Here's how. Step 1 Register a custom function with the number of days as a parameter and returns true or false depending on whether…

Shows how we can check whether the current Page or Post (of any hierarchical post type) is a parent

Custom query loop for looping through SureCart product images.

How the rows of a ACF Repeater query loop can be sorted by ascending or descending order of a date sub field.

How to display only posts that were published before today in a query loop.

Nesting query loops with months & years in descending order, with the inner loop outputting the posts.

In the BricksLabs Facebook group a user asks: Hi all, I am building a single post template for a CPT and want to know if I can work more effectively with some ACF data. With the ACF Select Field, I would like a way I can return the selected items and work with the data…

We walk through how to use a query loop to display SureCart products, featured products & collections.

How to query ACF relationship fields on single CPT templates.

How show or hide Bricks' filter based on the selection made by another filter.

Showing events ordered by the event date with upcoming events in ascending order and past events in descending order.

How we can set a data attributes on a child taxonomy dynamically based on the parent taxonomy.

Creating a horizontal accordion of featured images from posts output by Bricks' query loop.

In the BricksLabs Facebook group, a user asks: I'm learning about ACF relationships and attempting to output a list of posts on any given page, and use the filter - select element in Bricks to refine the output by an ACF relationship field. Can you recommend BL Tutorials that might help here? --------------------------------------------------- CPT Downloads:…

Getting the value of a specific sub field of an ACF Pro‘s Repeater field and output in the query loop.

How to output the value of a specified query string, also known as URL parameter, in Bricks.

How to prevent the output of the table of contents if the content has no headings.

How to separately style only the category links that are assigned to the current post.

Displaying RCP‘s membership levels, with the names of active members under each level.

Showing how to display one random row of a Meta Box group for an hour and then output another random row.

Setting up query loops for “Post Dates” with an the inner loop displaying all posts published on that day.

Here's two ways a Bricks Popup can be shown on page load depending on URL parameter value.

How to allow users (post authors) to delete their posts from the front end in Bricks.

How we can dynamically show elements based on user selection.

Showing how to prevent rendering any elements that have a specific data attribute set.

Did you know that Bricks has AJAX loading for query loop posts on-click out of the box?

Consider the following setup: CPT: Events ACF Fields:Event Date Information (Group)|__Event Date (Date Picker)Pick Sub Events (Relationship) An Event can have 1 or more related events via the Relationship field. When the ACF Relationship is selected as the query type of a Bricks query loop, the event posts will be ordered by their post editor…

How we can output images from ACPT‘s Gallery field for posts as a grid using a query loop.

Using images from an ACF Gallery field or Meta Box as a sections' background slideshow with fade effect.

Showing other posts assigned to the same categories/tags/custom taxonomy terms as the current post.

Limiting the ACF Repeater query loops in the three columns to only add rows for which the specified sub field.

On product category archives, how to show product type names but only those that the current product category has.

How to automatically select a single post template depending on the page from which the post is accessed.

How we can stack posts in a query loop so they stick on top of the previous one when scrolling.