28th Jul '24
/
6 comments

ACF Flexible Content in Bricks

Update on 12 Oct 2024: ACF Flexible Content in Bricks with Each Row in its Own Section

This Pro tutorial provides the steps to set up a Flexible Content type of field using Advanced Custom Fields Pro in Bricks.

Flexible Content field enables your clients to add multiple layouts to a Page in any order, populate the sub fields in the layouts and have that content appear on the front end using the structure you define.

We shall provide the JSON file for importing a sample field group and JSON code for copying and pasting the fully-built Bricks Section. After going through how these are put together, you will be able to set up your own sub fields and layouts for your requirements.

Screenshot of a Page where the Flexible Content field is populated:

The rows can be dragged around to (re)position them in any order and any number of rows can be added by the client.

After implementing the tutorial:

Step 1

Install and activate ACF Pro.

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
Meta Box/ACF Images Staggered Grid Gallery in Bricks

Meta Box/ACF Images Staggered Grid Gallery in Bricks

Showing images from two Gallery-type of ACF or Image Advanced-type of Meta Box fields in a staggered grid layout.
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 Date/Datetime Custom Fields in Bricks

Querying Posts by Date/Datetime Custom Fields in Bricks

This Pro tutorial shows how to configure ACF and Meta Box to query posts in Bricks by custom field(s) of the type Date/Date Time Picker…
Categories:
Tags:
Pro
ACF User Field Bricks PHP Query

ACF User Field Bricks PHP Query

In the Bricks Facebook group a user asks: my end goal was to create a set of cards that would display the Users that are…
Categories:
Custom Function for ACF Link Field

Custom Function for ACF Link Field

How to output the label of an ACF link field through Dynamic Data.
Categories:
Tags:
Pro
Related FAQs on Product pages Based on Product Category Taxonomy in Bricks

Related FAQs on Product pages Based on Product Category Taxonomy in Bricks

On product pages, we show all the FAQs associated with the current WooCommerce product's product categories.
Categories:
Pro
ACF Group Sub Field Values from Matching Post Term

ACF Group Sub Field Values from Matching Post Term

In Bricks Reddit, a user asks: Let's break this down and set up the scenario practically. First, there's a Language taxonomy for posts (could be…
Categories: