Post-specific ACF Repeater Galleries as Sliders in Bricks

Consider this field group for Pages:

ACF Pro Repeater field being populated for a specific Page:

This Pro tutorial for Bricks users provides the steps to output post-specific ACF Repeater field rows with the images of the Gallery-type sub field be the source of a slider for each row. In this example, that would be showing any/all the property-specific sliders for the current Page.

We shall use nested query loops, with ACF Repeater as the outer query loop and the inner being an Attachment query loop on the nestable slider's slide. The images' source will be the outer loop's current looping object's property_gallery field.

Step 1

Create your ACF field group. If you'd like to follow along, download this JSON and import it at ACF → Tools.

Step 2

Edit a Page (or any post of your post type) or two and populate the Repeater field.

Step 3

Edit a specific Page or the Bricks template that applies to all posts of your post type - in this case, all Pages.

Copy the JSON below and paste to get this Section:

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Get access to all 525 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Pro
Featured Image’s Meta in a Bricks Posts Query Loop

Featured Image’s Meta in a Bricks Posts Query Loop

How to output values of custom fields for the featured image of current post in a query loop
Categories:
Tags:
Pro
Posts older than today in Bricks

Posts older than today in Bricks

How to display only posts that were published before today in a query loop.
Categories:
Pro
Bidirectional Relationship between a CPT and a Taxonomy of another CPT using ACF in Bricks

Bidirectional Relationship between a CPT and a Taxonomy of another CPT using ACF in Bricks

A couple of members asked: I have a cpt called "Markets" aand a cpt "tools". Tools have a taxonomy "tools group". How can i create…
Auto Responsive Grids in Bricks

Auto Responsive Grids in Bricks

This tutorial provides the CSS that can be pasted for automatic responsive grids in Bricks Builder. Posts element Each post will get a right padding…
Pro
Limit Bricks Users Query to Current Post’s User-type ACF Field Value

Limit Bricks Users Query to Current Post’s User-type ACF Field Value

Consider this scenario with ACF: "John Briley" user: "Gandhi" movie: The requirement is to show John Briley as the author when Gandhi movie item is…
Categories: