Flexible Content Extended for Advanced Custom Fields

August 24, 2022

Flexible Content Extended for Advanced Custom Fields Plugin

Extends the ACF Flexible Content Field by transforming the layout list into a modal with image previews and editing in a modal for better UX.

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.

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 );

Screenshots

  1. Screenshot of Flexible Content Field Layouts Add Modal

    Screenshot of Flexible Content Field Layouts Add Modal

  2. Screenshot of Flexible Content Field Layouts

    Screenshot of Flexible Content Field Layouts

  3. Screenshot of Flexible Content Field Layout Edit Modal

    Screenshot of Flexible Content Field Layout Edit Modal

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

Details

  • Version: 2.0.0
  • Active installations: 900
  • WordPress Version: 6.0
  • Tested up to: 6.0.9
  • PHP Version: 8.0

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars