1,145 thoughts on “Easy FancyBox”

1. Shamo 28 May 2014 at 09:27

   http://scfwca.gov.az/?p=2419&lang=en – This is my site link, please help me. When i clik facebook share button show me error (Content isnt loading). All social sahre button are works. Only facebook button dont works.Please help me

   Reply ↓
   1. RavanH Post author6 June 2014 at 23:56

      Hi Shamo, without clicking anything I already see three warnings:
      
Invalid App Id: Must be a number or numeric string representing the application id.
The "fb-root" div has not been created, auto-creating.
FB.getLoginStatus() called before calling FB.init().

      Please check your share button settings. I don’t think this is related to FancyBox.

      Reply ↓
2. Shamo 8 June 2014 at 00:15

   Thanks RavanH.But i change social plugin.All works is good. Thanks for all!

   Reply ↓
3. marcelcowan 10 June 2014 at 13:43

   Hi, Do you have a setting (or code) to disable the Save features. We want to stop visitors saving the PDFs for themselves from the lightbox. Thanks.

   Reply ↓
   1. RavanH Post author10 June 2014 at 16:59

      Hi Marcel, redering of PDF files inside a browser is dependant on a browser plugin. This is also the case with PDFs inside a FancyBox lightbox frame. Most visitors (unless your visitors are mostly Mac users) will be using a browser with either the Adobe Acrobat Reader plugin or the Chrome PDF Viewer plugin. In the first case, adding a the parameter #toolbar=0 ( see more parameters on http://www.adobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/pdf_open_parameters.pdf ) to the file URL might help. In the latter case, I’m not sure if you can disable the save button at all…

      Reply ↓

4. Pingback: Modifiche a questo sito effettuate: in fase di test - The New Blog Times

5. Paula L. 5 July 2014 at 19:22

   Excellent plugin! after trying some of this kind unsuccessfully, this is just what I was looking for! Thanks!

   Reply ↓

6. Pingback: [WP] お世話になっているテーマとプラグイン | PRO'LOGUE

7. lynn lee 21 July 2014 at 17:51

   I’m trying to use your plugin on my WordPress site, inside a widget box, to play a video widget.
   First, I installed and activated the plugin, but I see no FancyBox setting on my Settings>Media page to activate inline content. How do I find them?

   Next, after I activate the inline setting, where’s the correct place to insert your code? My current video code starts and ends with an

   Reply ↓
   1. RavanH Post author21 July 2014 at 21:15

      Hi Lynn, first things first: there should be a FancyBox section on your Settings > Media admin page after activating the plugin. If not, there is something going wrong. Can you check to see if the plugin is indeed activated and if not, try again and look for any error messages… Otherwise, you might try to find related errors if you have access to server/hosting error logs. Please let me know if you find anything.

      Reply ↓

8. Pingback: Some things about WordPress | Meandering Passage

9. Caroline 7 September 2014 at 11:24

   Hi, I have a contact form with with easy fancybox. Can you please tell me how to close automatic after submission?

   Reply ↓
   1. RavanH Post author7 September 2014 at 12:20

      Hi Carole, although in theory possible, it is more complicated than is sounds. You’d have to modify the form (plugin?) so that it issues a javascript:jQuery.fancybox.close(); command but only upon success. Not on failing user input (missing e-mail address for example) else the user will not see the input errors allowing him/her to correct them and submit again…

      Reply ↓
10. Rowlan 15 September 2014 at 18:11

    I have posted this before for another project but couldn’t come right, been struggling for a week now to get it working.

    I want to use a fancybox popup when I click on a product in the woocommerce shop.

    I added class=”fancybox-iframe” to the content-product.php file in woocommerce :

    <li <?php post_class( $classes ); ?>>

    <?php do_action( 'woocommerce_before_shop_loop_item' ); ?>

    <a href="<?php the_permalink(); ? rel="nofollow">" class="fancybox-iframe">

    and the popup works fine.

    If the user chooses not to add the product and just close the popup than that’s fine, it works as it should.

    But,

    If the user chooses to add a product, what needs to happen is that when they click “Add to Cart”, the popup must close and refresh the shop (parent) page so that the cart gets updated.

    Any ideas what I need to add to where to get this to work?

    Reply ↓
    1. RavanH Post author16 September 2014 at 15:45

       Hi Rowlan, to close a fancybox iframe you will need to issue a javascript command: parent.jQuery.fancybox.close();

       But it might be easier to hook into Woocommerce to make it do a page refresh after adding anything to the cart. A page refresh will update the visible cart content and remove the lightbox at the same time.

       Reply ↓
       1. Rowlan 16 September 2014 at 18:03

          Any idea how to do that?

          Reply ↓
          1. RavanH Post author16 September 2014 at 19:08

             You might be able to use the hook woocommerce_add_to_cart mentioned on http://docs.woothemes.com/document/hooks/ … No idea though, I don’t know Woocommerce.

             Reply ↓
11. anwaarmirza 25 September 2014 at 11:49

    hi fancybox is not applicable to ajax response plz suggest me so i can use it more

    Reply ↓
    1. RavanH 25 September 2014 at 16:24

       Hi anwaarmirza, what do you want to do exactly?

       Reply ↓
12. Andrew 15 October 2014 at 06:40

    Wonder if you can help with this? I’ve used the plugin several times in the past and it’s great, recently however i noticed that enabling the plugin causes my cycle2 slideshow to briefly display all of it’s slides on page load despite the measures i’ve taken to avoid this (display: block on first slide, display: none on the rest).

    I realise it may be an issue with Fancybox itself, but since i don’t need fancybox on the page where my slideshow is, is there a way to -not- include it for that page specifically using this plugin? Any help appreciated!

    Reply ↓
    1. RavanH Post author15 October 2014 at 11:48

       Hi Andrew, to disable fancybox on your homepage you need to place the following script snippet on that page only. Either in the page content, or in the page template before the wp_footer()) call, or in a widget that only shows on the home page with JetPack module Widget Visibility (for example). Use the code:
       
<script type="text/javascript">
easy_fancybox_handler = null;
</script>


       Reply ↓
13. jasonkadlec 16 October 2014 at 01:42

    Any ideas why jQuery.fancybox.open([ ] { });

    Isn’t working / or how to use this same kind of API call with the Easy Fancy Box plugin?

    On a page where I have everything working as usual with the plugin, if I put into the console:

    $.fancybox.open([
    {
    type: ‘inline’,
    href : ‘#fancyboxID-signup’,

    }
    ], {
    padding : 20
    });

    — or jQuery.fancybox.open etc …

    I get back that TypeError: undefined is not a function– where #fancyboxID-signup is successfully launched in the modal when clicking on an image with that value in the href.

    I see it working on http://jsfiddle.net/NDM5F/ — and I see that jquery.fancybox.js is being loaded by Easy Fancy Box plugin… so I just can’t seem to figure out why I’m not able to fire a modal open using the API in this way.

    Thanks for pointing me in the right direction to a different tutorial or method to open a modal.. ultimately what I’m trying to do is open the modal on the 2nd time someone clicks an object.

    I’m already using Easy Fancy Box all over the site & love how it kind of springs out from the point clicked.

    So I’m wanting to use it for this as well, but here I can’t simply link the thing… though I suppose a hack would be to add the href attribute to the thing on the second click hmmmmm

    but alas I still need to launch a modal via pure javascript for another reason.

    Thanks!

    Reply ↓
    1. RavanH 26 October 2014 at 23:46

       Hi Jason, it’s not working because you need to use the FancyBox 1.3.4 API as described on http://fancybox.net/api

       Reply ↓

14. Pingback: Easy FancyBox - лайтбокс для Wordpress

15. BianLei 7 December 2014 at 08:02

    Hi, there. I’m a big fan of this plugin. But currently I’m facing an issue that Google master tool reminds me about malware in “easy-fancybox/jquery.easing.pack.js?ver=1.3” This happens twice. First time was false positive, I think this time is false positive as well. The sample malware snippet is:
    
document.write('<style>.ifbeky { position:absolute; left:-1007px; top:-1975px} «t;/style> <div class="ifbeky"><iframe src="xxxxxx" width="314" height="107"></iframe></div>');

    But every time Google reminds me this I still couldn’t find it out. Refer to the reply here: (https://wordpress.org/support/topic/malware-in-this-plugin?replies=5) I think it is just a false positive but really annoying(Because Google Chrome gaves alarm page to my visitors). I’ve tried remove Easy FancyBox and re-install it for sure there is no injected code in the file. Do you know how is this happened?

    Reply ↓
    1. RavanH Post author7 December 2014 at 19:27

       Hi Banlei,

       That code does look very suspicious (I removed the URL because it points to site that includes malware!). It is however not part of the easy-fancybox/jquery.easing.pack.js file when installed fresh from the WordPress directory. If that code it is indeed included on your site, please consider it a (very) high possibility your site was hacked.

       Reply ↓
       1. BianLei 8 December 2014 at 03:25

          Happy to see the problem is not from this plugin. Thank you.

          ————-Things that not related to 【Easy FancyBox】
          The thing is, those suspicious snippet provided by Google master tool doesn’t exist on my whole site content. Funny thing is, Google master tool started detect my webpage which I was deleted for a year, and Google marked it as suspicious code and gives me with suspicious code sample… Have you seen this condition before?

          Reply ↓
          1. RavanH Post author8 December 2014 at 15:22

             Hi BianLei, no I have not seen that before. Checking your site on http://sitecheck.sucuri.net/ does indeed reveal it as being blacklisted. You’ll need to perform an in-depth investigation into if any and what files where actually changed on your site (you can use a simple FTP program to see file modification dates) and find which files have bad code inserted. After you have cleaned your site (not only the bade code itself but also the security hole they used to get in!!) then you can use the “Request Review” link in your Google Webmaster Tools account.

             Reply ↓
16. kan8net 7 December 2014 at 19:52

    Hello Sir ! May I ask you a question, why don’t you use the updated version? http://fancyapps.com/fancybox/

    Reply ↓
    1. RavanH Post author8 December 2014 at 15:25

       Hi kan8net, yes you may. And I will answer: “Because the licence under which fancyBox2 is distributed is incompatible with the terms of hosting on the WordPress.org Plugin Directory.” Not GPL, not allowed. Sorry.

       Reply ↓
17. Kirill 9 December 2014 at 16:24

    Hi! On localhost working correctly, but on http://trizet-cafe.ru/photo/ doesn’t work. Reason: don’t add class ‘fancybox image’ to images. What’s wrong. I tryed to switch off all plugins, but solution didn’t find.

    Reply ↓
    1. RavanH 9 December 2014 at 18:23

       Hi Kirill, your theme is missing the obligatory wp_footer() call in the footer.php template. See http://codex.wordpress.org/Function_Reference/wp_footer

       Reply ↓
       1. Kirill 10 December 2014 at 16:03

          Thanks! Done!

          Reply ↓

18. Pingback: Tekst w modalu z wtyczką Easy Fancybox | Hekate Design

19. Pingback: Espace Courbe Formation - Blogue

20. Pingback: Easy fancybox: Dynamic website elements (Plugin review) - Prolinkstm

21. Pingback: PDFs in einem neuen Fenster öffnen - Evince

22. Pingback: How we built a full WordPress website in 8 hours Copy | Cortex WordPress Theme

23. Pingback: How we built a full Wordpress website in 8 hours - COVERT NINE

24. Pingback: How we built a full WordPress website in 8 hours | Cortex Restaurant

25. Sam 5 October 2015 at 00:52

    Can you provide the CSS to not display the Pop-Out button.

    Reply ↓
    1. RavanH 5 October 2015 at 14:35

       Hi Sam, if you do not want to show any link or button then just create an empty anchor like <a href="#popup" class="fancybox-inline" id="fancybox-auto"></a>

       Reply ↓
26. markus 15 October 2015 at 17:16

    Hi there, i use the fancybox for overlaying a site with an iframe. is it possible to show the arrows to switch through multiple iframes?

    Reply ↓
    1. RavanH Post author16 October 2015 at 00:35

       Hi Markus, in theory yes (create multiple links and give them all the same rel attribute) but with the current version you’ll run into a script error when a gallery contains something other than images. You’ll have to install the current development version from https://wordpress.org/plugins/easy-fancybox/developers/

       Reply ↓
       1. markus 19 October 2015 at 11:30

          Thanks a bunch, that worked!

          Reply ↓
27. mang2008ike 18 December 2015 at 05:46

    Can Easy Fancybox plugin be used on https sites?

    Reply ↓
    1. RavanH Post author19 December 2015 at 23:42

       Hi Michael, yes it should work just fine. Let me know if you run into any issues.

       Reply ↓
28. Hannah 5 February 2016 at 21:54

    Hi There, I’ve been using this plugin for a while and I’m not sure if this has always happened but when you try to open a video iframe in Internet Explorer it opens up windows media player or another video program on IE and doesn’t play the video in the iframe. Any ideas? Thanks

    Reply ↓
    1. RavanH Post author9 February 2016 at 11:22

       Hi Hanna, it depends on the browser. To play a video in a browser (iframe or inline) you need a video player plugin or a browser that can play (HTML5) video natively. Are you using an older IE version? I don’t have IE to test with but you could try some of the video links on http://demo.status301.net/easy-fancybox-sandbox to see if the same thing happens there.

       Reply ↓
       1. Hannah 10 February 2016 at 15:01

          Hi Ravan,

          Thanks for getting back, I’ve been testing this issue for a couple of days now. It seems like since IE dropped support for older browsers prior to 11 on January 12, 2016, something has changed and now when you try to open any mp4 video from an anchor link it automatically opens in an external video program. This happens on every IE version including the latest edge / 11. Using FancyBox alone with a webm version works using this demo: http://jsfiddle.net/5ev8r/186/ but if you take the webm away it does the external video opening. This is happening with your Indirect MOV support video iframe demo too. The site I use your plugin on cannot use YouTube or Vimeo etc to host their videos because the government blocks access to those and their employee’s need to view the site on the gov servers. The page I use this on has 30+ videos and increasing so your plugin worked really well because it didn’t need to load every video on the page. If I go with the FancyBox approach above I’d need to load all videos using the video element and hide them. I do really love your plugin and its only started doing this in 2016. I can’t find anything online directly specific to this issue and it will be a shame to have to try alternatives just for the sake of IE.

          Thanks again!

          Reply ↓
          1. RavanH Post author10 February 2016 at 15:19

             Hi Hannah, I’d have to take a look at this in Edge (I’ve got a Windows 10 somewhere) and I’ll let you know if it behaves the same for me. IF it does, it sounds indeed like MS dropped support for this kind of embedding and I’ll try to find a more compatible approach. Until then, you could consider using a player like JW Player to embed these videos. See http://demo.status301.net/easy-fancybox-sandbox/boxed-jw-player for a demo (the link at step 6) and basic instructions on how to combine JW Player and FancyBox. Not sure if that suits your needs though on pages with a very large number of videos as it needs to have every video element loaded inline. Also be aware that the main script is only need once and each video’s div and script must use matching but unique IDs.

             Reply ↓
             1. Hannah 10 February 2016 at 15:23

                Thanks Ravan! I’ll take a look!
29. andrewtftc 11 March 2016 at 02:52

    Hi,

    We’re having problems with our popup on our site where the registration form was placed. When we click on the button and tried closing it. It won’t close.

    See here: http://screencast.com/t/47WLzBhOD

    Is there are a way you can fix this issue?

    Please check our page here: http://theforextradingcoach.com/free-webinar.html

    Note: Try to refresh the page because we’ve setup a URL split test.

    Please reply to this email: admin@theforextradingcoach.com

    Regards,
    Mhel

    Reply ↓
    1. RavanH Post author11 March 2016 at 13:46

       Hi Mhel, there is an error occurring in the Easing script. It must be coming from a conflict with another script (from another plugin or from the theme) on the site. So you have to options. The easiest option: set the FancyBox transition to Fade. But if you really want the smooth pop-out effect, you’ll need find out if it’s another plugin or if it’s a conflict with the theme. My first guess would be the Page Scroll to ID plugin because that is using some kind of alternative easing effect…

       Reply ↓
30. spxwebGonzalo 1 April 2016 at 14:35

    Hi, i’m trying to load a form on page load.

    Here is the code i’m using:

    More info

    [contact-form-7 id=”181″ title=”ContactForm”]

    The link More info functions perfectly, but introducing the id=”fancybox-auto” not make any changes.

    I’m sure i’m doing wrong the code. (I’m using WordPress and Contact Form 7).

    ¿Can you help me?

    (I also post this question in https://wordpress.org/support/topic/pop-up-in-fancybox-on-page-load?replies=1)

    Reply ↓

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