Support » Plugin: Easy FancyBox » [Plugin: Easy FancyBox] not working with my theme

  • Resolved tjobbe


    I’ve installed easy fancybox and got it working – but only with the default 2012 theme, and not with my custom theme.

    I can see in the html that the fancybox scripts are loading in, but when clicking the images they simply show the jpg’s instead of the in a fancybox modal.

    What on earth is happening? The site isn’t live, but if you go to you’ll see a page in question (replace the DOT in the url with a period character, as it’s a sub domain of – hope this makes sense – don’t want it spidered yet.)

    Thanks in advance!

Viewing 5 replies - 1 through 5 (of 5 total)
  • It must be a custom theme thing. It’s not working and I’m using a custom child theme I made, instead of a new theme altogether. Easy fancybox won’t work.

    This is just an update. As mentioned above, I use child themes in WP 3.5 in combination with the twenty twelve theme. I couldn’t figure out why easy fancybox or other lightboxes would not work. So I got to tinkering with the images in my posts.

    I edited the image link to “link to image” This is the same setting as set to “media file” vrs (attachment page) when uploading an image.

    So to sum it up, if your images are set to the attachment page in the upload section, the lightboxs won’t work. Set link to image so it calls from wp-content instead of your catagory/post page (whatever it’s called can’t remember) If it is NOT set to media (wp-content) then you only target another window when the image is clicked on. If the image link is set to the image/media file, the lightbox will display it. You can see how it works even with child themes and using tewnty twelve here:

    Plugin Author RavanH


    Hi, fix your custom script /wp-content/themes/xxxx/js/site.js as it causes an Uncaught TypeError in jQuery, breaking all other jQuery extensions. It looks like it has some invalid characters there at the end:

    Â Â $('.flexslider').flexslider({
    Â Â Â Â animation: "slide"
    Â Â });

    You tried to put in tabs maybe? Make sure you use a text editor that does only plaintext. Or use the WP theme editor and just leave out tabs as they only serve an optical (human readability) purpose… Make that part look like this:

    animation: "slide"

    Hi Ravan, thanks so much for taking the time to help me out – I’ve implemented those changes but it still isn’t working I’m afraid.

    I’ve even changed the media settings to look for the links in the correct div name.

    Plugin Author RavanH


    The error remains. Apparently, there is no flexslider extension (did you forget to include that file?) so just remove those lines.

    NOTE: do not take out that last }); because that is part of the wrapping that starts with jQuery(document).ready(function($) { at the beginning of the file.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Plugin: Easy FancyBox] not working with my theme’ is closed to new replies.