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

Related Tutorials..

Pro
Ordering Posts by Terms in Bricks

Ordering Posts by Terms in Bricks

How to output upcoming events at the top and past events below in a single query loop in Bricks.
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:
Loop Item ID and Loop Item Object in Bricks

Loop Item ID and Loop Item Object in Bricks

If you are working on a Bricks site with specific requirements, chances are you need to grab the ID and/or object of the current item…
Categories:
How to create a dynamic infinite logo slider with ACF and Bricks

How to create a dynamic infinite logo slider with ACF and Bricks

This tutorial provides the builder settings, PHP & CSS codes that can be pasted in order to create an infinite logo slider in pure CSS…
Pro
Sub Field Value from the Last ACF Repeater Row in Bricks

Sub Field Value from the Last ACF Repeater Row in Bricks

Getting the value of a specific sub field of an ACF Pro‘s Repeater field and output in the query loop.
Categories:
Tags:
Pro
Conditional Rendering of ACF Repeater Rows Based on True / False Sub Field in Bricks

Conditional Rendering of ACF Repeater Rows Based on True / False Sub Field in Bricks

This Pro tutorial provides the steps to modify a ACF Repeater query loop to only output the rows for which a True / False type…
Categories: