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
How to Update Custom Fields with Default Values For Existing Posts when using ACF

How to Update Custom Fields with Default Values For Existing Posts when using ACF

Let's take a scenario where there are 10 Pages in a WordPress site. You proceed to create a Text-type of custom field called, say, "Custom…
Categories:
Tags:
Pro
Bricks Dynamic Data Tag for Text-type Custom Field Value with Word Limit

Bricks Dynamic Data Tag for Text-type Custom Field Value with Word Limit

How to register a new dynamic tag for setting excerpt word limits and outputting an ellipsis (...) at the end.
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
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…
How to create filters with IsotopeJS in Bricks (Part 3): apply multiple filters

How to create filters with IsotopeJS in Bricks (Part 3): apply multiple filters

This tutorial will review how to apply multiple filters to an isotope container using the IsotopeJS library‘s features in Bricks.
How to create parallax effects using Rellax.js in Bricks

How to create parallax effects using Rellax.js in Bricks

This tutorial provides the JS & PHP codes that can be pasted in order to create smooth parallax effects using the Rellax.js library inside Bricks…
Categories: