GithubHelp home page GithubHelp logo

jameelmoses / acf-flexible-content-preview Goto Github PK

View Code? Open in Web Editor NEW
24.0 24.0 13.0 1.42 MB

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

Home Page: https://wordpress.org/plugins/acf-flexible-content-preview/

License: Other

PHP 68.78% CSS 11.85% JavaScript 7.49% SCSS 11.88%
acf acf-addon flexible-content-field wordpress wordpress-plugin wp wp-plugin

acf-flexible-content-preview's People

Contributors

benvoynick avatar elliottpost avatar jameelmoses avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

acf-flexible-content-preview's Issues

1.0.2 Update Causing Error

The latest update is throwing an error on pages (in WP Admin) using Custom Fields.

Notice: Undefined index: ID in /wp-content/plugins/advanced-custom-fields-pro/includes/acf-field-functions.php on line 361

Appears to be related to acf_get_fields($layout_field).

preview image not displaying when block name starts with a number

When a block starts with a number the backgound image styling doesn't get applied.

seems to be fixed if you change the following line:

$css .= sprintf( "\n\t .acf-fc-popup ul li a[data-layout=%s] .acf-fc-popup-image { background-image: url(\"%s\"); }", $layout_key, $image_url );

to

$css .= sprintf( "\n\t .acf-fc-popup ul li a[data-layout=\"%s\"] .acf-fc-popup-image { background-image: url(\"%s\"); }", $layout_key, $image_url );

Thus surrounding the data-layout attribute with quotes.

PHP8.0 Warnings On Singleton Class

Version information

  • Plugin version : Latest
  • ACF version : Latest
  • PHP : 8.0+
  • WordPress : 5.9+

Steps to reproduce

  1. Install any version of this plugin on a site running PHP 8+
  2. Ensure WP_DEBUG is true and WP_DEBUG_LOG is true
  3. Check error log for issues

What was expected

Plugin to run without warnings

What happened instead

Plugin has PHP errors due to final and private being used together in the Singleton class. By definition, a private function is final because it cannot be overridden by any subclass (only protected and public methods may be)

Preview images don't show for nested flexible content

Version information

  • Plugin version : 1.0.0
  • ACF version : 5.8.4
  • PHP : 7.2
  • WordPress : 5.2.3

Steps to reproduce

  1. Create an overall flexible content field
  2. Create a repeater field inside the flexible content
  3. Create a further flexible content field inside the repeater.

What was expected

I was expecting to see the preview images for the sub-flexible content as per normal.

What happened instead

No images appear for the sub-flexible content, they do appear for the overall "parent" flexible content.

Preview Images Missing

Maybe this is because I'm trying this with WP 5.3? The images are placed in my theme folder/lib/admin/images/acf-flexible-content-preview/

Not an issue but an improvement/idea!

Hi there,

First of all: great f*cking plugin, i love it. I have an idea that will make this plugin even better.

It would be great if you can create subfolders. Any images within this subfolder are automatically subdivided into this 'category'.

As soon as you want to select a block in the admin you can find them much easier because they are divided by 'subfolder/category'.

This allows you to find the right block faster. I made an image to demonstrate this:
flexible-layouts

I understand that it is a free plugin and that you are under no obligation, but I thought: I share it with you.. maybe it is possible :)

Have a great day.

Custom images are not seeked

Version information

  • Plugin version : 1.0.3
  • ACF version : 5.8
  • PHP : 7.3
  • WordPress : 5.4.1

Steps to reproduce

  1. add_filter('acf-flexible-content-preview.images_path', "dist/images/fcp");
  2. add_filter('acf-flexible-content-preview.images_path', function() { return "dist/images/fcp"; });
  3. I use a child theme

What was expected

1 returns an add_filter error callback function
2 do not show my images

Thx for your help !

ACF 5.9 no longer shows the modal when adding flexible content

Version information

  • Plugin version : 1.0.3
  • ACF version : 5.9 (RC-1)
  • PHP : 7.4
  • WordPress : 5.5

Steps to reproduce

  1. Update ACF to 5.9 RC 1
  2. Go to edit a post/page with a flexible content field
  3. Click add row

What was expected

The modal would appear as normal

What happened instead

Standard ACF behavior of the dropdown/up on top of the button.

Notes

ACF 5.9 has a large revamp of ACF admin. I have a pull request for this coming in a moment. It's an easy fix.

Child theme compatibility

Version information

  • Plugin version : Last
  • ACF version : Last
  • PHP : PHP 7.2
  • WordPress : Last

Steps to reproduce

  1. Setup a parent theme and a child theme
  2. Add ACF Flexible preview images in the parent theme (in the defalut path)
  3. Activate child theme

What was expected

Thumbs should be displayed on Flexible content

What happened instead

Thumbs do not displays on Flexible content, path is looking for images in the child theme

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.