ACF Flexible Content Module

[zackpyle]

Is your feature request related to a problem? Please describe.

I would like a way to build ACF Flexible Content layouts using Beaver Builder modules instead of with custom html/css/js

Describe the solution you'd like

I have thought about this and I think there would need to be 2 modules:

1. Flexible Content Container module.

   • This container module will be where the Flexible Content will be output
   • It only accepts a child module of Flexible Content Layout module (detailed below)
   • There is a single field in this module where you assign it to an ACF Flexible Content field name.

2. Flexible Content Layout module

   • This is also a container module
   • All of the modules inside of this module would then be connected using Themer Connector to the fields assigned to that layout in the ACF settings
   • This module would also have a single field - it would be where you assign it to the Layout name

Describe alternatives you've considered

The only alternative right now is to create the layouts using html/css/js using the Themer shortcodes: [wpbb-acf-flex name='my_flexible_content']

https://docs.wpbeaverbuilder.com/beaver-themer/integrations/acf/field-types/flexible-content/

This is laborious and not pleasant to work with like it would be to create layouts using modules.

Additional context

Using these two modules would allow you to create complex layouts using BB/Themer and then have the user create pages using those layouts using ACF Flexible Content fields on the backend!

[zackpyle]

After the new Loop module is released in v1.5, which can do this ACF Repeater fields, this proposed new Flexible Content module seems like the next evolution!

[chillybin]

This would be a game changer for us, we build a lot of sites in ACF Flexible content where we don't want to give the client complete design control, but give them layout and content control based on set modules from an approved design. Would be keen on this for sure. If we have to do a lot of ACF Flex, which we do… then we bypass BB and go straight into a Bootstrap theme

[zackpyle]

Pasting here for formality after sending this into the BB team for consideration:

Here is what Didou and I came up with for using the new Loop module for ACF Flexible Content! It ended up actually being a pretty easy modification to allow the new Loop module to output ACF Flexible content, which is really cool!

He made some small mods to the Loop module to output the flexible content, and then I made a new Flexible Content Layout wrapper module to show the correct layout for each row in the loop. Let me know what you think!

Here are the additions/changes made:

• Added data source option in theme builder class-fl-theme-builder-acf.php
• Added acf_flexible section in bb-plugin ui-loop-settings-filter.php
• Modified bb-plugin class-fl-builder-module-data-repeater.php to handle the data source when selected
• And then the new flexible content layout wrapper module just has a function to check if the current row's layout name matches the layout name added to the layout module.

And here is a video of it in action: https://drive.google.com/file/d/1I_bEbnV09CuNhvA57V1ovTTiH61g4jWt/view?usp=sharing