Bricks Tutorials

(630 tutorials)
Pro
Dynamic URL Parameter Post Popups in Bricks screen shot

Dynamic URL Parameter Post Popups in Bricks

Bricks 1.9.4 added AJAX support for Popups via its Popup Builder. popupContextId can be now set in bricksOpenPopup() which means a popup can be set to show dynamic data from…
Categories:
Tags:
Pro
Random Row from ACF Repeater in Bricks screen shot

Random Row from ACF Repeater in Bricks

In the past, we shared how the first row of a ACF Repeater can be output in a Bricks query loop here. This Pro tutorial shows how the query results…
Pro
MB Favorite Posts in Bricks screen shot

MB Favorite Posts in Bricks

This tutorial explores using MB Favorite Posts in Bricks, including outputting the list of favorites via a query loop.
Categories:
Pro
Media File Attachment Data in Bricks screen shot

Media File Attachment Data in Bricks

With a 'Media' query loop, this tutorial shows how we can retrieve various attachment-specific properties inside of the loop.
Categories:
Modifying ACF Field Value Before It Is Output screen shot

Modifying ACF Field Value Before It Is Output

Consider the scenario where a Page has a "Page Fields" field group created with ACF Pro like this: Field name: scientific_coordinators (type Repeater)|__ Sub field 1: name (type Text)|__ Sub…
Categories:
Making Bricks Nestable Accordion’s First Item Open on Desktop and Closed on Mobile screen shot

Making Bricks Nestable Accordion’s First Item Open on Desktop and Closed on Mobile

Using JS to ensure the accordion first entry is open on desktop but closed on mobile.
Categories:
Tags:
Pro
Child Posts Section in Bricks screen shot

Child Posts Section in Bricks

This Pro tutorial provides the steps to limit the posts (can be of any post type) output by Bricks' query loop to children of the current single post being viewed…
Categories:
Pro
How to Modify Products Element Query in Bricks to Output Child Products screen shot

How to Modify Products Element Query in Bricks to Output Child Products

This Pro tutorial provides the steps to limit WooCommerce products output by Bricks' Products element on single product pages to only the children of the current product. Step 1 Let's…
Pro
Related FAQs on Product pages Based on Product Category Taxonomy in Bricks screen shot

Related FAQs on Product pages Based on Product Category Taxonomy in Bricks

On product pages, we show all the FAQs associated with the current WooCommerce product's product categories.
Categories:
Pro
Filtering Query Loop Posts by a Non-empty Custom Field in Bricks screen shot

Filtering Query Loop Posts by a Non-empty Custom Field in Bricks

This Pro tutorial shows how we can prefilter the results of a query output by a Bricks query loop to only those for which the value of a specified custom…
Categories:
Tags:
Limiting the Query Loop Posts Output to Post IDs From a Custom Field in Bricks screen shot

Limiting the Query Loop Posts Output to Post IDs From a Custom Field in Bricks

A user asks: Recently Bricks introduced the PHP query editor that lets us modify the query parameters right within the query dialog of the builder rather than having to do…
Categories:
Tags:
Setting Active Tab in Bricks’ Tabs (Nestable) Element screen shot

Setting Active Tab in Bricks’ Tabs (Nestable) Element

With Bricks' Nestable tab element, here's how we can set which tab is active by default.
Categories:
AJAX Pagination for Other Posts on Single Posts in WordPress screen shot

AJAX Pagination for Other Posts on Single Posts in WordPress

One way we can output an unordered list of linked titles of posts, with AJAX pagination.
Categories:
JetEngine Term Image in Bricks screen shot

JetEngine Term Image in Bricks

How to retrieve the URL of a Media type of a JetEngine custom field attached to a taxonomy term.
Categories:
Tags:
SureMembers User Access Group Condition in Bricks screen shot

SureMembers User Access Group Condition in Bricks

How elements can be conditionally rendered depending on whether the current user has access to the specified SureMembers access group.
Categories: