WordPress.org

Ready to get started?Download WordPress

Forums

Easy FancyBox
[resolved] Not compatible with WordPress 3.3.2 (16 posts)

  1. twolita
    Member
    Posted 2 years ago #

    I've deactivated all other plugins and "Easy FancyBox" still won't work. However, "FancyBox for WordPress" will work. Any ideas?

    http://wordpress.org/extend/plugins/easy-fancybox/

  2. twolita
    Member
    Posted 2 years ago #

    Make that "FancyBox" will work, "Easy FancyBox" and "FancyBox for WordPress" won't. I'd prefer to use "Easy FancyBox" because it supports multiple file types and advanced look and feel customization.

  3. RavanH
    Member
    Plugin Author

    Posted 2 years ago #

    Does your theme have the obligatory wp_footer() call in its footer.php file? Does it still not work when you temporarily switch to the default Twenty Eleven theme?

    If you give me a link to your site, I might be able to tell more.

  4. Matthew Morein
    Member
    Posted 2 years ago #

    I am having the same issue -

    http://galerieelenalee.com

    Using the Dandelion theme - not sure if the wp_footer call is in footer.php checking now

  5. Matthew Morein
    Member
    Posted 2 years ago #

    This is what I have in footer.php

    [Code moderated as per the Forum Rules. The maximum number of lines of code that you can post in these forums is ten lines. Please use the pastebin]

  6. RavanH
    Member
    Plugin Author

    Posted 2 years ago #

    Is there a line with

    <?php wp_footer(); ?>

    just before the closing </body></html> tags? The you're all good and the problem lies elsewhere.

    Matthew, FancyBox on http://www.galerieelenalee.com/about/ seems to be working fine. It's just that both the large 'thumbnail' and the original image seem to be unavailable...

  7. Matthew Morein
    Member
    Posted 2 years ago #

    I guess I'm just not clear on where Fancybox is applied - I was hoping to use it to affect the appearance of the lightbox on these portfolio pages:

    http://www.galerieelenalee.com/?portfolio=alex-anagnostou-2
    http://www.galerieelenalee.com/portfolio/camille-grenon/

    To display the title text a bit cleaner and farther from the image - just clean up the whole box appearance because it is currently quite crammed.

    I wasn't expecting it to turn photos that weren't before clickable into ones that are - the about page you linked to: http://www.galerieelenalee.com/about/ - i put the picture back but now it links to a page that does not exist

    Can Easy Fancybox do what I'm looking for or am I barking up the wrong tree ?

    Thanks!

  8. RavanH
    Member
    Plugin Author

    Posted 2 years ago #

    Matthew, your theme has prettyPhoto built in. Adding FancyBox via a plugin like mine will not replace the old lightbox script. Instead, as these two scripts are meant to do similar things, it causes collisions in jQuery. You will either have to keep using prettyPhoto or strip all related code out of the theme...

  9. RavanH
    Member
    Plugin Author

    Posted 2 years ago #

    twolita, if you're still there and still need help, let me know.

  10. twolita
    Member
    Posted 2 years ago #

    Hi RavanH,

    Thanks for your help. My site is http://blog.indoorboys.com.

    I checked out my footer.php file and there's a wp_footer() call:

    <?php wp_footer(); ?>
    <?php
    	$T_tracking_code = get_option('gpp_tracking_code');
    	if($T_tracking_code != ''){
    		echo stripslashes($T_tracking_code);
    	}
    ?>

    Guessing the other stuff after has to do with the theme I purchased from Graph Paper Press.

    I just did a test—I switched to the default Twenty Eleven theme and activated your plugin (and deactivated the other FancyBox plugin) and your plugin worked.

    :-/

    But I can't use Twenty Eleven without a massive rewrite of my site. Not sure what I should do here...

  11. twolita
    Member
    Posted 2 years ago #

    I switched my site back to my normal theme, but left your plugin activated. Hope that helps!

  12. RavanH
    Member
    Plugin Author

    Posted 2 years ago #

    Twolita, your theme has an omder version of FancyBox baked into it. Plus, it has a hardcoded call to an older version of the jQuery library. Not very nice for compatibility.

    Using the FancyBox versions together is not possible so you will either have to stick with the older version as provided by the theme (and hope you do not run into issues whith other plugins that need the jQuery library) or surgically remove the FancyBox script from the theme. Which, in your case, looks like it should not be too complicated.

    Here are the steps:
    1. find your themes header.php template file and make a backup of it or make sure that you still have the original zip file so that you can restore your theme if you need to;
    2. now access the Theme Editor from the Administration > Appearance > Editor menu and open that header.php for editing
    3. find the closing tag of the head section, which looks like </head> (notice the difference from the opening tag without the forward slash)
    4. right above that tag, you will see several lines that are responsible for the following code (the lines will look a bit different with some PHP code integrated with the recognizable HTML parts but they should be clearly related)

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
    <link rel="stylesheet" type="text/css" href="http://blog.indoorboys.com/wp-content/themes/modularity/fancybox/jquery.fancybox-1.3.0.css" media="screen" />
    <script type="text/javascript" src="http://blog.indoorboys.com/wp-content/themes/modularity/fancybox/jquery.fancybox-1.3.0.pack.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
    
    	$("a.iframeFancybox1").fancybox({
    		'width'		      :	600,
    		'height'		      :	650,
    		'overlayOpacity'	 :	'0.4',
    		'overlayColor'		 :	'#000',
    		'hideOnContentClick' :   false,
    		'autoScale'     	 :   false,
       		'transitionIn'		 :   'elastic',
    		'transitionOut'	 :   'elastic',
    		'type'			 :   'iframe'
    	});
      });
    </script>

    5 do you see them? now cut the red wire... ;) ... no really I mean it: remove them with mouse-select, right-click and cut ...
    (make sure you do NOT cut the </head> tag!)
    6. hit Save and visit your site in another browser tab to see if the changes where successful.

    If unsuccessful, you can go back to the editor and paste the lines back in, hit Save again and you should have the old situation back. Or else restore the original theme files.

    Hope that helps :)
    .Allard

  13. twolita
    Member
    Posted 2 years ago #

    You are my hero.

    That worked. I can't thank you enough. Sending you a great big smile and a beer if I can find a way to support your plugin. :-D

    Thank you, thank you, thank you!

    Anita

  14. RavanH
    Member
    Plugin Author

    Posted 2 years ago #

    Thanks Anita,

    Your hart warming words of thanks are already a big ego boost :-D

    Although the PayPal button (on the settings page) or Donate link (on the plugins page) should not be too hard to find ;-)

    Allard

  15. TriangleAE
    Member
    Posted 2 years ago #

    I'm using the Headway theme

    I've installed the Easy FancyBox plugin

    When I insert a new thumbnail making sure that the image links to the file URL

    The Fancy box does not appear

    any direction would be much appreciated

  16. TriangleAE
    Member
    Posted 2 years ago #

    I needed to install the Google Libraries

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic