Opens in a new tab
18th Jan '24
/
2 comments

JetEngine Gallery Image Slider in Bricks

Updated on 22 Jul 2025

This Pro tutorial provides the steps for populating the images from a JetEngine Gallery-type of custom field into a Slider (Nestable) Bricks element's query loop.

Update: Added code to include featured image at the beginning whilst ensuring that there's no duplication in case the gallery includes the featured image.

Step 1

If you have not already created a meta field for your post type at JetEngine → Post Types, go to JetEngine → Meta Boxes.

Add a new meta box for your post type having a Gallery field.

Step 2

Edit your posts and populate the gallery for each.

Step 3

Let's create a custom PHP function that returns an array of gallery image IDs given the Gallery-type field's key.

Add the following in child theme's functions.php (do not include the opening PHP tag if adding near the end) 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
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:
Pro
Outputting Only the First ACF Repeater Row in Bricks

Outputting Only the First ACF Repeater Row in Bricks

Updated on 12 Dec 2023 In the Bricks Facebook group a user asks: How can I display only the first entry from an ACF repeater?…
Pro
Related Episodes Grouped by Episode Chapters on Single Podcasts in Bricks when using JetEngine

Related Episodes Grouped by Episode Chapters on Single Podcasts in Bricks when using JetEngine

A user asks: How to Display Related Episodes Grouped by Chapters on a Podcast Page in Bricks? Hi everyone, I have two post types created…