Easy FancyBox

Easy FancyBox

Install now

Download Version 1.8.9

Requires WordPress: 3.3 or higher
Compatible up to: 5.0
Downloads: 2522700

Rating: 4.6 out of 5 stars
# Votes: 155

Download

Latest version: Download Easy FancyBox 1.8.9 [zip]
Downloaded 2522700 times.

Rated 4.6 out of 5 stars with a total of 155 votes on WordPress.org »

Commercial message:

Screenshots

  1. <p>Example image with <strong>Overlay</strong> caption. This is the default way Easy FancyBox displays images. Other options are <strong>Inside</strong> and the old <strong>Outside</strong>.</p>

    Example image with Overlay caption. This is the default way Easy FancyBox displays images. Other options are Inside and the old Outside.

  2. <p>Example of a YouTube movie in overlay.</p>

    Example of a YouTube movie in overlay.

1,152 thoughts on “Easy FancyBox”

  1. Hanasazi

    Hi there, I’ve always loved Easy Fancybox, but I just installed it on a website that it didn’t work well on. It put a partial link at the top of the images in the WooCommerce shop on the site, and now they won’t go away, even when I remove the plugin entirely! I just reinstalled it to see if fiddling with the settings might help, but they appear to be “stuck” there. It looks like they’re a remnant of the links (with attribution) I put in the captions of a wordpress gallery included in a new post in the blog, which lead to products in the shop. I really need them to disappear.

    The site is http://lindaabblettwatercolors.com
    The partial link I’m seeing is this: See New Pricing” data-rel=”prettyPhoto”>
    It shows up at the top left of the paintings in the shop, but only the paintings included in this new post which have links in the captions to their product posts in the shop, all the others look clean: http://lindaabblettwatercolors.com/2016/06/06/prices-reduced-original-watercolors/

    The one thing that drives me crazy about WordPress is that the images don’t open in a fancybox by default. The theme I’m using on this site includes the code for their galleries, but not for wordpress galleries or single images, which is why I installed it in the first place. I thought the only problem with this arrangement was that the theme galleries open two fancybox images of the same image when it’s clicked, but then I discovered this other issue which my client won’t be happy about at all. Can you please help me? Thank you so much!

    Reply ↓
  2. Hanasazi

    Quick followup on my request for support. I just checked again on the product pages, and the product image on every page where I see this exposed link code does not open in a fancybox, but those that were not linked from the blog post I mentioned all do open in Fancybox without any trouble. Thanks so much for any assistance you can provide!

    Reply ↓
    1. RavanH Post author

      That’s prettyPhoto light box that came with Woocommerce. Best not to use more than one light box script on a site… To make prettyPhoto work with other image links than only on the product pages, try giving a link a data-rel=”prettyPhoto” and class=”zoom” attributes.

      Reply ↓
  3. Hanasazi

    I see, I had spaced on the fact that WooCommerce also has this feature. I’ve submitted a ticket with them and hope they can help me work it out. Thanks for the information, Ravan! It really helped me know where to turn for further assistance. Have a lovely day.

    Reply ↓
  4. Lawless

    Easy FancyBox 1.5.8 – Fatal error after updating the plugin

    Can not be activated, both in the individual Web and in the Multisite Web

    Warning: require_once(/srv/www/[domain]/wp-content/plugins/easy-fancybox/class-easyfancybox-options.php): failed to open stream: No such file or directory in /srv/www/[domain]/wp-content/plugins/easy-fancybox/inc/class-easyfancybox.php on line 424 Fatal error: require_once(): Failed opening required ‘/srv/www/[domain]/wp-content/plugins/easy-fancybox/class-easyfancybox-options.php’ (include_path=’./:/usr/share/php5/5.2.17/PEAR’) in /srv/www/[domain]/wp-content/plugins/easy-fancybox/inc/class-easyfancybox.php on line 424

    Reply ↓
    2. Pharéo

      Update: the new release 1.5.8.1 should work around the issue no matter what your server OS or PHP version… Could you try to update and let me know?

      Reply ↓
  5. Suzanne

    Is there a way to display something like “image 1 of 3” in the lightbox when using a group of images with the rel attribute? I’m afraid people won’t know there’s multiple images. Or is there a way to display the left and right arrows without hover so it indicates right away that there are more images.

    Reply ↓
    1. Pharéo

      Hi Suzanne, this is not possible without modifying the plugin or light box script. The advanced extension is planned to feature this option but it’s not ready yet. Sorry.

      Reply ↓
  6. bakkegaard

    Thanks for the plug in, really love it. Unfortunately after updating to WordPress 4.7, with Easy FancyBox 1.5.8.2 the title no longer shows in Fancybox. Any suggestions?

    Reply ↓
    1. RavanH Post author

      Hi Dario, there are some serious script (jQuery) errors going on on that second site. You might want to start debugging by turning off autoptimize….

      Reply ↓
  8. Dario Petkovic

    Wow, thanks very much – this is exactly what solved it for anyone else out there.

    From Autoptimize plug-in settings I unticked ‘Optimise JavaScript Code?’ and YouTube videos are now playing as expected!

    ps. Reason I used Autoptimize was to get rid of the Google Speed Test warning that is now back since making this change, the warning being for Mobile:
    Should Fix:
    Eliminate render-blocking JavaScript and CSS in above-the-fold content.

    I’ll leave it this way though, thanks very much once again!

    Reply ↓
    1. RavanH Post author

      Hi Dario, the plugin places indeed a little script in the head section but it’s not “render blocking” in the sense that Google Pagespeed test supposes. It is only loaded there and does not do anything until triggered after page load. The code needs to be ready because in rare cases it needs to be triggered earlier but even then, it does not actually add any significant above-the-fold render time. Sadly, Google Pagespeed test does not know this and simply adds the (rather common) “eliminate render-blocking” should-fix warning.

      That said, there is new version planned that will add an option to move the code snippet to the footer to get rid of the Pagespeed test warning. While some may need to keep it in the header, for most cases the footer should be fine too.

      Reply ↓
  9. Cedric

    Hello I can you help me with this one. I’ve successfully implemented the contact form on my website with easy fancy box, but the problem is that the message that will say that the contact form has successfully submitted is not showing. Only a red line. Also when you have a blank input and just pressed submit, nothing happens, even the error message of contact form 7 does not show. Can you help me with this? I want to know if this is a css problem or contact form 7 problem.
    This is the test website http://edeskaloans.com/edeskatest/production-knives/

    Reply ↓
    1. RavanH Post author

      Hi Cedric,

      First, test the form without FancyBox. Move the CF7 shortcode outside the hidden div to make it visible on the page and do some test submissions. Does it show any response messages then? If not, then it’s an issue with CF7.

      Reply ↓
  10. Hutch Moore

    On the website I’m working on, when a picture is clicked, it brings it up twice: once in a white border, and once without. Do you know why that would be happening?

    Reply ↓
    1. RavanH Post author

      That normally happens when there is another light box running on the site. Either in your theme or another plugin… Best delete Easy FancyBox an d find a way to make the other light box work for you.

      Reply ↓
    1. RavanH Post author

      Hi iamartbc, a form is inline content. You can find how to embed inline content following the example in the FAQs 🙂

      Reply ↓
        1. RavanH Post author

          In this page (scroll to above the comments) under the heading “Frequently Asked Questions” then “Advanced” there are two questions that have example code that you can paste in your WordPress page editor Text tab. The most important one for you is “Can I display a contact form in FancyBox?” Click the link to open the explanation, copy the example to your site and replace the contact form shortcode with the one you are using.

          Reply ↓
  12. iamartbc

    Hi again RavanH,

    Got 1 more simple question for you, I have a shortcode ( [formidable id=5] ) as menu it works fine pointing to that, but me and my creations minds, lol….

    it’s there a way that when click on that menu it shows the form on the fancybox?

    sorry to bother, still LOVE your work

    Reply ↓
    1. RavanH Post author

      Hi iamartbc, sorry I do not think I understand your question. Do you wish to open the contact from from a menu item? Then just give that menu item a class “fancybox-inline” (there are advaced menu options on the menu edit page) … If you mean something else, can you share a link to an example page maybe?

      Reply ↓
      1. ariasig

        Heyyyy RavanH, thanks for so fast answer: Look

        I use formidable forms, witch has shortcode for each form you create; Now someone (client) it’s asking me if there’s a way that Form is’t on the top menu.

        so I did: http://bestteam.com.do/ (last menu has two forms), but he want’s that form opens with fancybox, thing is I did try to add the class to the menu with just the shortcode and what does is that straight up opens the form and without the fancybox.
        ScreenShot: https://snag.gy/p4QjCx.jpg

        So I believe that the question should be:

        “I have a Shortcode of a form, that I want to add it as a Top Menu Option, that when it’s clicked It opens the form in FancyBox.”

        Note: I use “shortcode in Menu” plugin to add the shortcode to menu. should i change this ?

        Reply ↓
          1. ariasig

            Thanks RavanH, One more thing, do I get more stuff and personal attention with Pro version, cuz I’m thinking of buying it today.

          2. Pharéo

            With the advanced version you get the extra options and access to the pro support forum 🙂

    1. RavanH Post author

      Hi, full mobile/touch support should be there in the next release when the FancyBox 3 script will be integrated into the WordPress plugin.

      Reply ↓
    1. Pharéo

      Hi Ketan, the image title or description are not available to FancyBox. Only the image ALT text. You can put all you wish to show in the light box there…

      Reply ↓
  16. clintburkinshaw

    Hello,

    After the recent update, the plugin has errored, blocking any back end dashboard access on wordpress. I had to manually disable it within cPanel on my hosting company.

    The error message is:
    Parse error: syntax error, unexpected ‘[‘ in /html-directory-location/wp-content/plugins/easy-fancybox/inc/class-easyfancybox-admin.php on line 21

    Kind regards,
    Clint

    Reply ↓
    1. RavanH Post author

      You need PHP version 5.4 or above. Can you upgrade your server PHP? Preferably to PHP 7.0 or higher as recommended by WordPress…

      Reply ↓
    1. RavanH Post author

      You need PHP version 5.4 or above. Can you upgrade your server PHP? Preferably to PHP 7.0 or higher as recommended by WordPress…

      Reply ↓
  18. lyubaffka

    Please help

    The plugin was not activated, because it caused a fatal error.
    Parse error: syntax error, unexpected ‘[‘ in /home/sands00/s-and-s.com.ua/www/wp-content/plugins/easy-fancybox/inc/class-easyfancybox-admin.php on line 21

    Reply ↓
    1. RavanH Post author

      You need PHP version 5.4 or above. Can you upgrade your server PHP? Preferably to PHP 7.0 or higher as recommended by WordPress…

      Reply ↓
    1. RavanH Post author

      You need PHP version 5.4 or above. Can you upgrade your server PHP? Preferably to PHP 7.0 or higher as recommended by WordPress…

      Reply ↓
  20. Darknote

    hi,
    To see the images in full size, I put images of 1024 pixels wide.
    I would like to give the choice to the visitors, that they can click to see the image in size Reelle, thank you

    Reply ↓
  21. Craig

    Hello,

    I used something like this to open a image in light box. It was working fine until the last update.


    Click here

    Please let me know how to make it work again.

    Reply ↓
    1. Pharéo

      Hi Craig, you may be suffering from a theme incompatibility that did not occur with the previous version. Can you share a link to your site?

      Reply ↓
    1. RavanH Post author

      Hi Harold, it looks like your theme is using an incompatible jQuery version loaded with

      Any way to replace that with the default one included with WordPress?

      Reply ↓
      1. Harold

        Thank you for the reply. The 1.8.6 update fixed the issue. For everyone reading, I am using JQuery 3.3.1.
        Thanks again!

        Reply ↓
    1. Pharéo

      Hi Henk, are the instructions not clear? Simply create a link to the YouTube page in your post content. With the Youtube option and Autodetect enabled on your Settings > Media admin page, this link will open the video in a light box…

      Reply ↓

Leave a Reply to Hanasazi Cancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.