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:

<?php

// get the current row in the loop
$acf_row = BricksQuery::get_loop_object();

$cabinetMaterials = $acf_row['cabinet_materials'];

if ( isset( $cabinetMaterials ) ) {
  echo '<ul>';

  foreach ( $cabinetMaterials as $cabinetMaterial ) {
    echo '<li>' . $cabinetMaterial . '</li>';
  }
  
  echo '</ul>';
}

?>

Replace cabinet_materials with the name of your sub field.

Turn on “Execute code” and “Render without wrapper”.

Step 3

Next, add a condition on the Section such that it gets output only if there is at least 1 row for the ACF Repeater.

{query_results_count:ugeseb}

where ugeseb is the Bricks ID of the element on which query loop is enabled.

Reference

https://brickslabs.com/accessing-acf-repeater-sub-fields-programmatically-in-bricks-query-loop/