Description
Extends the ACF Flexible Content Field by transforming the layout list into a modal with image previews. Editing the fields layouts also happens in a modal for a better editing user experience.
Image Conventions
- The size of the image should be 730 x 300.
- They should be named based on the layout’s name (
text_block) with underscores converted to dashes (text-block.jpg).
Image Location
Images should be placed in your theme. By default, images are located here: THEME/lib/admin/images/acf-flexible-content-extended.
Also note that you can filter this path, but it MUST be in your theme:
add_filter( 'acf-flexible-content-extended.images_path', $path );
NOTE: The path should not have a trailing beginning or trailing slash!
Additionally, you could filter all keys and/or images:
add_filter( 'acf-flexible-content-extended.images', $images );
Issues & Feature Requests
If you identify any errors or have an idea for improving the plugin, feel free to open an issue or create a pull request. Please provide as much info as needed in order to help resolving or approve your request.
Screenshots
Screenshot of Flexible Content Field Layouts Add Modal 
Screenshot of Flexible Content Field Layouts 
Screenshot of Flexible Content Field Layout Edit Modal
Installation
This plugin works only if the ACF Pro >= 5.7.O plugin is installed and activated.
Requirements
- ACF Pro >= 5.7.O
- WordPress 6.0
- Tested up to WP 6.0.1
- Browser Support:
- Last 2 Firefox major versions
- Last 2 Safari major versions
- Last 2 Edge major versions
- Last 2 Chrome major versions
- PHP 8.0+
From your WordPress dashboard
- Visit Plugins > Add New
- Search for “Flexible Content Extended for Advanced Custom Fields”
- Activate Flexible Content Extended for Advanced Custom Fields from your Plugins page
- Add images to your theme in
THEME/lib/admin/images/acf-flexible-content-extendedor customize the path usingadd_filter( 'acf-flexible-content-extended.images_path', $path );
Reviews
Contributors & Developers
“Flexible Content Extended for Advanced Custom Fields” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Flexible Content Extended for Advanced Custom Fields” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
2.0.0
- Requires PHP >= 8.0
- Requires WordPress >= 6.0
- Solve for flexible content fields inside of repeaters and groups
- CSS improvements (uses css grid instead of flexbox)
1.10.0
- Fixing issue with ACF version compare since it doesn’t follow PHP version constraints
1.0.9
- PHP 8 Compatibility
1.0.8
- Resolves CSS and JS conflicts. Adds support for layouts that begin with a number.
1.0.7
- Resolve JS bug
1.0.6
- Resolve issue with modals related to new duplicate layout function in ACF 5.9
1.0.5
- Resolve JS error if `acf.getField()“ is not defined
1.0.4
- Update hook for enqueuing and registering assets for ACF 5.9 compatibility. Thanks @elliottpost!
1.0.3
- Fixes a bug related to nested fields
1.0.2
- Supporting nested flexible content fields
- Updating dependencies
1.0.1
- Updating dependencies
1.0.0
- Initial release