9th Mar '23
/
24 comments

ACF/Meta Box Gallery Images as Bricks Slider Using a Custom Query Type in Bricks

For an easier alternative method, follow this tutorial instead.

Updated on 26 Jul 2023

This Pro tutorial provides the steps to set images of a ACF Pro's Gallery field or Meta Box' Image Advanced type of field as the source of a Slider (Nestable) element in Bricks.

When editing a Page:

When the Page is being viewed on the front end:

ACF Pro

Step 1

Create a field group having a Gallery-type of field labelled say, Page Gallery and set its location to be your desired post type (Pages in this example).

Step 2

Edit your Pages and populate the field for each by uploading/selecting your desired images that should appear in the slider.

Step 3

Add the following in child theme's functions.php (w/o the opening PHP tag) or a code snippets plugin:

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Tagged:
Bricks
bricks/query/run
bricks/setup/control_options
Filters
Gallery
Plugins
Pro
Slider

Sridhar Katakam

Sridhar Katakam is a Bricks enthusiast. He likes helping others by researching and solving WordPress-related problems and building websites.

Get access to all 633 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

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…
Read more →
Categories: Bricks, Plugins, Pro
Tags: bricks/element/render, Filters
Filtering out Media Items from “Select post/page” Bricks control

Filtering out Media Items from “Select post/page” Bricks control

The dropdown that appears after choosing "Internal post/page" when setting a link in Bricks shows media (attachment) items besides Pages, Posts and other CPTs. If…
Read more →
Categories: Bricks, Free
Tags: bricks/helpers/get_posts_args, Filters
How to Create a Progress Bar for the Nested Slider in Bricks

How to Create a Progress Bar for the Nested Slider in Bricks

In this tutorial, we'll learn how to add a progress bar to our nested slider element in Bricks. Introduction A user recently asked in the…
Read more →
Categories: Bricks, Free
Tags: Nested Slider
Pro
How to programmatically add a class to an element in Bricks

How to programmatically add a class to an element in Bricks

This Pro tutorial shows how a dynamic class can be added to a query loop element in Bricks programmatically. Let's take an example where posts…
Read more →
Categories: Bricks, Pro
Tags: bricks/element/render_attributes, Filters
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?…
Read more →
Categories: Bricks, Pro
Tags: bricks/query/result, Filters