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
Setting a Bricks template for Parent pages

Setting a Bricks template for Parent pages

This Pro tutorial shows how bricks/active_templates filter can be used to programmatically assign a Bricks template to all singular pages (of any post type) that…
Pro
Ken Burns Background Slideshow in Bricks

Ken Burns Background Slideshow in Bricks

Setting up a hero section, having images that pan and move as a background slideshow with content on top.
Categories:
Tags:
Pro
“Truncate text to these many characters” Bricks Control

“Truncate text to these many characters” Bricks Control

Bricks provides a :<number> dynamic data tag modifier that can be used to limit the amount of text by the specified number of words. Ex.:…
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:
JetEngine Checkbox Condition in Bricks

JetEngine Checkbox Condition in Bricks

How elements in Bricks can be conditionally output depending on the selected option from a JetEngine checkbox field.
Categories:
Tags: