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
ACF Term Meta on Single Posts in Bricks

ACF Term Meta on Single Posts in Bricks

Consider this scenario: CPT: Project Custom taxonomy: Project Type Each project will be assigned only one project type. Project Type taxonomy's custom field: Project Type…
Categories:
Color Custom Field as Section Background Color on Category/Term Archives in Bricks

Color Custom Field as Section Background Color on Category/Term Archives in Bricks

How to use a color from a taxonomy term custom field for as the hero section background color on archive pages.
Categories:
Tags:
Pro
Conditional Output Based on ACF Date Field in Bricks

Conditional Output Based on ACF Date Field in Bricks

Updated on 1 Aug 2024 Looking to have a Section or other elements in Bricks rendered on the frontend only if today's date is before…
Categories:
Pro
CPT Submenu Items in ACF Pro Options Admin Menu

CPT Submenu Items in ACF Pro Options Admin Menu

This Pro tutorial provides the steps to add links to admin pages under an Options page created with ACF Pro. All code mentioned in this…
Pro
Programmatically populating ACF field values in WordPress

Programmatically populating ACF field values in WordPress

An example of how to set the values of a Select-type field with the names and labels of all public post types.
Categories: