4th Apr '24
/
0 comments

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 630 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Pro
Term Parent Slug Data Attribute in Bricks

Term Parent Slug Data Attribute in Bricks

How we can set a data attributes on a child taxonomy dynamically based on the parent taxonomy.
Categories:
HappyFiles Bricks Query Loop

HappyFiles Bricks Query Loop

This tutorial explores different ways in which images from WordPress Media Library organized via HappyFiles can be pulled and shown in Bricks using query loop(s).…
Categories:
How to add a custom SwiperJS slider in Bricks

How to add a custom SwiperJS slider in Bricks

In this tutorial, we'll show you how to integrate a custom slider in Bricks using the SwiperJS library and how to add custom parameters using…
Categories:
Tags:
Pro
Related Services grouped by Service Categories on Single Branch Posts in Bricks

Related Services grouped by Service Categories on Single Branch Posts in Bricks

How to query ACF relationship fields on single CPT templates.
Categories:
Pro
Custom Dynamic Data Tags for ACF Field Label, Prefix and Suffix in Bricks

Custom Dynamic Data Tags for ACF Field Label, Prefix and Suffix in Bricks

Bricks lacks built-in dynamic tags for ACF field labels, prefixes, and suffixes. This tutorial shows how to add them using custom dynamic tags.
Categories:
Pro
6 Random Featured Posts in Alphabetical Order in Bricks

6 Random Featured Posts in Alphabetical Order in Bricks

How to output x number of random posts with a specific meta value set, in Alphabetical order.
Categories:
Pro
ACF Post Object Query Loop inside a Posts Query Loop in Bricks

ACF Post Object Query Loop inside a Posts Query Loop in Bricks

How to loop through a CPT and within each post, output a list of related posts.
Categories: