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

Related Tutorials..

How to Create a Grid Slider in Bricks

How to Create a Grid Slider in Bricks

In this tutorial, we'll learn how to create multiple rows and columns inside the default nested slider of Bricks. Introduction A user recently asked in…
Categories:
Pro
Restrict Content Pro in Bricks

Restrict Content Pro in Bricks

This Pro tutorial provides the steps to restrict Pages and individual elements like Sections in Bricks depending on whether the current user has any active…