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
Limit Bricks Users Query to Current Post’s User-type ACF Field Value

Limit Bricks Users Query to Current Post’s User-type ACF Field Value

Consider this scenario with ACF: "John Briley" user: "Gandhi" movie: The requirement is to show John Briley as the author when Gandhi movie item is…
Categories:
Pro
Bidirectional Relationship between a CPT and a Taxonomy of another CPT using ACF in Bricks

Bidirectional Relationship between a CPT and a Taxonomy of another CPT using ACF in Bricks

A couple of members asked: I have a cpt called "Markets" aand a cpt "tools". Tools have a taxonomy "tools group". How can i create…
Pro
ACF Relationship Select Filter in Bricks

ACF Relationship Select Filter in Bricks

In the BricksLabs Facebook group, a user asks: I'm learning about ACF relationships and attempting to output a list of posts on any given page,…
Categories:
Pro
Sorting ACF Relationship Posts by Date Meta in Bricks

Sorting ACF Relationship Posts by Date Meta in Bricks

Consider the following setup: CPT: Events ACF Fields:Event Date Information (Group)|__Event Date (Date Picker)Pick Sub Events (Relationship) An Event can have 1 or more related…
Pro
ACF Font Awesome Field in Bricks

ACF Font Awesome Field in Bricks

We walk through using the Advanced Custom Fields: Font Awesome Field plugin for showing Font Awesome icons.
Categories:
Tags:
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: