Flexible Content Preview for Advanced Custom Fields

Description

Transforms ACF’s flexible content field’s layout list into a modal with image previews.

Image Conventions

  • The size of the image should be 732 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. Be fault, images are located here: THEME/lib/admin/images/acf-flexible-content-preview.

Also note that you can filter this path, but it MUST be in your theme:

add_filter( 'acf-flexible-content-preview.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-preview.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

  • See how Flexible Content Preview for Advanced Custom Fields improves the ACF flexible content field's layouts dropdown.

Installation

This plugin works only if the ACF Pro >= 5.7.O plugin is installed and activated.

Requirements

  • ACF Pro >= 5.7.O plugin
  • WordPress 4.7+ because of [get_theme_file_uri()](https://developer.wordpress.org/reference/functions/get_theme_file_uri)
  • Tested up to WP 5.3
  • PHP 5.6+

From your WordPress dashboard

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

Reviews

September 26, 2019
This works great. I have many custom tweaks done to the post edit page and so far I haven't noticed any conflicts. The only thing I wish was that there was a filter to adjust the image size so I could easily do 4 across instead of 3.
Read all 2 reviews

Contributors & Developers

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

Contributors

Changelog

1.0.6

Release Date – 26 Aug 2021

  • Fixing issue with ACF version compare since it doesn’t follow PHP version constraints

1.0.5

Release Date – 26 May 2021

  • preview image not displaying when block name starts with a number. Thanks @QueroBartK!

1.0.4

Release Date – 18 Aug 2020

  • Update hook for enqueuing and registering assets for ACF 5.9 compatibility. Thanks @elliottpost!

1.0.3

Release Date – 7 Apr 2020

  • Fixes a bug related to nested fields

1.0.2

Release Date – 6 Apr 2020

  • Supporting nested flexible content fields
  • Updating dependencies

1.0.1

Release Date – 2 Dec 2019

  • Resolving jQuery bug in WP 5.3

1.0.0

Release Date – 16 Aug 2019

  • Initial release