This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Flexible Content Extended for Advanced Custom Fields

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

  1. Visit Plugins > Add New
  2. Search for “Flexible Content Extended for Advanced Custom Fields”
  3. Activate Flexible Content Extended for Advanced Custom Fields from your Plugins page
  4. Add images to your theme in THEME/lib/admin/images/acf-flexible-content-extended or customize the path using add_filter( 'acf-flexible-content-extended.images_path', $path );

Reviews

07 September 2022
Hi Jameel, I really like yor plugin and the php 8 update. I was wondering, it would be nice if it was possible to switch off the pencil edit/ modal, functionality. I mostly use the plugin for the image preview modal. The modal edit function is nice (sometimes) but sometimes I need to have an overview of de layout content on the page and this is not possible if the modal edit is active, thanks. Xander
31 May 2020 1 reply
Adds great user experience when using the flexible content field to add layouts. Lets you add screenshots of each layout to give the admin a nice preview of exactly what they are adding vs just using the names of the layout. Easy to implement and bug free.
Read all 4 reviews

Contributors & Developers

“Flexible Content Extended for Advanced Custom Fields” is open source software. The following people have contributed to this plugin.

Contributors

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