Opens in a new tab
4th Mar '25
/
0 comments

Merging ACF Gallery Images with Featured Image in Bricks

Updated on 12 Mar 2025

In the Bricks Facebook group a user asks:

Merging images from different fields into a single gallery

Hi, I have a Gallery field created in ACF and a standard Featured Image field. Is it possible in Bricks to display images from both fields as a single gallery using dynamic data, for example, in a carousel element?

This Pro tutorial shows how render_tag() method of Bricks Providers PHP class can be used to get the image IDs of selected images of the specified ACF Gallery field and combine these with the current post's featured image ID and supplied as the dynamic data source for Bricks elements like Image Gallery.

We shall also add optional randomize and image count arguments in our custom function so the images can be shown in random order and the number of images to be shown can be set, if needed.

This also works with Meta Box and JetEngine and any other custom fields plugin that Bricks integrates with (see the list here) with minor changes.

Single Tutorial Purchase Option

Lifetime access to this single tutorial can be purchased for $20 here.

Step 1

Add the following in child theme's functions.php (w/o the opening PHP tag) or a code snippets plugin:

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
ACF Date Field Value Custom Format in Bricks

ACF Date Field Value Custom Format in Bricks

In the Bricks forum, a user asks: Hi there, I am setting up an events calendar using bricks. In some circumstances I would like to…
Categories:
Tags:
Pro
Outputting ACF Repeater’s Sub Fields

Outputting ACF Repeater’s Sub Fields

This Pro tutorial provides the code for printing custom HTML after looping through rows of a ACF Repeater (available in ACF Pro) that has a…
Categories:
How to create filters with IsotopeJS in Bricks (Part 3): apply multiple filters

How to create filters with IsotopeJS in Bricks (Part 3): apply multiple filters

This tutorial will review how to apply multiple filters to an isotope container using the IsotopeJS library‘s features in Bricks.
Pro
Events grouped by Event Date custom field in Bricks

Events grouped by Event Date custom field in Bricks

This Pro tutorial for Bricks users provides the steps to output posts of an event custom post type dynamically grouped by the value of their…
Categories:
Pro
Configuring Image Gallery dynamic source in Bricks

Configuring Image Gallery dynamic source in Bricks

Let's say you have a custom field created with ACF Pro of the type Gallery called "Property Gallery" for posts of "Property" CPT. In the…
Pro
ACF Options Fields in Bricks

ACF Options Fields in Bricks

This Pro tutorial walks you through outputting the values of custom fields attached to an ACF Pro's Options page in Bricks builder. We shall register…
Categories: