Display of Choice ACF fields

Choice group includes Select, Checkbox, Radio, Button group and True/False fields.

Editor (built-in)

Used to manage field values in the admin area.

Click to enlarge.

Template (by Advanced Views)

Used to configure display of the field values on front.

Click to enlarge.

After assigning target fields to the template, the plugin automatically generates markup for them and a unique shortcode. You can specify labels and customize the generated Twig template to create a specific layout.

To display the field values, simply paste the generated shortcode in the desired location. The plugin will automatically retrieve the current values and render the template.

Front look (by Advanced Views)

The output below is styled as rows and includes labels for demonstration purposes. You can customize the markup as needed and combine fields from different groups.

Select

First

Checkbox

Middle

Radio

Green

Button group

Soft

True/false

In the Pro version, in addition to displaying values from meta fields, you can also create   custom Gutenberg blocks.

Note: By default, the True/False field adds its state as an HTML class, but it does not include any CSS to display a specific checkmark or cross. In this example, we have included the following CSS:

#view__switcher-true-false--state--checked {
position: relative;
}

#view__switcher-true-false--state--checked::after {
content: "\2713";
font-size: 24px;
color: green;
position: absolute;
top: 50%;
transform: translateY(-50%);
}