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

Related Tutorials..

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

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
Testimonials Slider in Bricks

Testimonials Slider in Bricks

Setting up a dynamic testimonial slide that pulls the data from a CPT's post fields and custom fields.
Categories:
Tags:
Related Posts by Author in Bricks

Related Posts by Author in Bricks

Querying posts on single posts by the author of the current post.
Categories:
Pro
Google Maps JavaScript API in Bricks

Google Maps JavaScript API in Bricks

This Pro tutorial provides the steps to show post-specific maps with custom marker content in Bricks using Google's Maps JavaScript API and Advanced Custom Fields.…
Categories:
How to import custom posts with featured images and custom fields by fetching an API using a single AJAX call

How to import custom posts with featured images and custom fields by fetching an API using a single AJAX call

In this tutorial, we will import a list of movies - including images and custom fields - inside a custom post type by fetching a…
Categories:
Tags:
Pro
Sorting ACF Relationship Posts by Date Meta in Bricks

Sorting ACF Relationship Posts by Date Meta in Bricks

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…