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
Bricks Slider Images From ACF Flexible Content Sub Field

Bricks Slider Images From ACF Flexible Content Sub Field

Consider the following field group associated with Pages when using ACF Pro: "Page Fields" field group|_"Page Content" Flexible Content field|__"Layout 1" layout|___"Title" Text field|___"Layout 1…
Pro
Conditionally Hiding Bricks Filters based on Select Filter Value

Conditionally Hiding Bricks Filters based on Select Filter Value

How show or hide Bricks' filter based on the selection made by another filter.
Categories:
Tags:
Pro
x Number of Random Bricks Query Loop Items(s) to be Shown Every x Hours

x Number of Random Bricks Query Loop Items(s) to be Shown Every x Hours

Showing how to display one random row of a Meta Box group for an hour and then output another random row.