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 630 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
ACF Date Field Value Custom Format in Bricks

ACF Date Field Value Custom Format in Bricks

In the Bricks forum, a user asks: Hi there, I am setting up an events calendar using bricks. In some circumstances I would like to…
Categories:
Tags:
Pro
Configuring Image Gallery dynamic source in Bricks

Configuring Image Gallery dynamic source in Bricks

Let's say you have a custom field created with ACF Pro of the type Gallery called "Property Gallery" for posts of "Property" CPT. In the…
Pro
Outputting ACF Repeater’s Sub Fields

Outputting ACF Repeater’s Sub Fields

This Pro tutorial provides the code for printing custom HTML after looping through rows of a ACF Repeater (available in ACF Pro) that has a…
Categories:
Pro
Querying Posts by ACF Date Sub Field in Bricks

Querying Posts by ACF Date Sub Field in Bricks

Updated on 17 Nov 2023. This Pro tutorial shows how we can set post__in query parameter of a query loop in Bricks to an array…
Categories:
Tags: