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

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

Good and useful

nyssen April 3, 2023

It helps a lot to orginise your custom fields.

Really good!

Loosie94 September 8, 2022

The missing plugin for ACF Flexible content. Thanks guys!

Edit Modal window

xanderjanzen September 7, 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

Awesome plugin

atflick May 31, 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.

Contributors & Developers

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