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..

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…
JetEngine Term Image in Bricks

JetEngine Term Image in Bricks

How to retrieve the URL of a Media type of a JetEngine custom field attached to a taxonomy term.
Categories:
Tags: