Opens in a new tab
21st Sep '23
/
0 comments

ACF Checkbox Sub Field as Unordered List in Bricks

Updated on 22 Sep 2023

This Pro tutorial shows how the checked options of a Checkbox-type of Sub Field inside a ACF Repeater field can be output as an unordered list.

As of Bricks 1.9.1, it is not possible to do this without writing code.

ACF field group:

json export

Repeater field being populated by editing a Page:

Result on the front end after implementing the tutorial:

Step 1

Install and activate ACF Pro.

Create your field group and populate the Repater field for entries of your post type.

Step 2

Edit your Page/template with Bricks.

Set up a query loop and select your ACF Repeater as the Type.

When done, your structure could look like this:

For outputting the checked values of your Checkbox-type sub field, use a Code element having:

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
Category Grid with ACF Images in Bricks

Category Grid with ACF Images in Bricks

Creating a grid of post categories, each category card showing an image from an ACF field, category name & description.
Categories:
Pro
Post-specific ACF Repeater Galleries as Sliders in Bricks

Post-specific ACF Repeater Galleries as Sliders in Bricks

How to output ACF Repeater field rows with the images of the Gallery-type sub field as a slider.
How to create parallax effects using Rellax.js in Bricks

How to create parallax effects using Rellax.js in Bricks

This tutorial provides the JS & PHP codes that can be pasted in order to create smooth parallax effects using the Rellax.js library inside Bricks…
Categories:
Pro
ACF Repeater Row Count Condition in Bricks

ACF Repeater Row Count Condition in Bricks

This Pro tutorial provides the steps to output elements on single posts (of any post type) in Bricks only if a specific ACF Repeater-type of…
Categories:
Accessing ACF Repeater Sub Fields Programmatically in Bricks Query Loop

Accessing ACF Repeater Sub Fields Programmatically in Bricks Query Loop

It is possible to output sub field's values when a Bricks query loop's type has been set to a ACF Repeater without writing code. This…
Categories:
Pro
ACF Post Object Query Loop inside a Posts Query Loop in Bricks

ACF Post Object Query Loop inside a Posts Query Loop in Bricks

How to loop through a CPT and within each post, output a list of related posts.
Categories: