9th Mar '23
/
23 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

Get access to all 610 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

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:
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…
Categories:
How to sync two nestable sliders in Bricks

How to sync two nestable sliders in Bricks

In this tutorial, we'll learn how to sync two nestable sliders in Bricks: one will be the main slider and the other one will be…
Categories:
How to create a dynamic infinite logo slider with ACF and Bricks

How to create a dynamic infinite logo slider with ACF and Bricks

This tutorial provides the builder settings, PHP & CSS codes that can be pasted in order to create an infinite logo slider in pure CSS…
Pro
Random Row from ACF Repeater in Bricks

Random Row from ACF Repeater in Bricks

In the past, we shared how the first row of a ACF Repeater can be output in a Bricks query loop here. This Pro tutorial…