WordPress.org

Ready to get started?Download WordPress

Forums

Easy FancyBox
[resolved] FancyBox opens but wont close & only echos shortcode (9 posts)

  1. Spencer Tomosvary
    Member
    Posted 3 years ago #

    On the site http://shortsaleexpertsandiego.com/ the contact button (upper right corner bright red) opens a fancybox, but then the box wont close. The shortcode I put in for gravityforms is just echoed instead of rendered.

    Theme I'm using is Thesis. I followed the steps on the support page to check that the .js is loaded in the header, but I'm not that familiar with .js so could be wrong version or who knows what the problem is...

    Any suggestions?

  2. Spencer Tomosvary
    Member
    Posted 3 years ago #

    I created a test page to further troubleshoot this.
    It is now instead bringing up a window with the same page inside of it.
    http://shortsaleexpertsandiego.com/test

    Very strange.

  3. Spencer Tomosvary
    Member
    Posted 3 years ago #

    I moved everything to the test page. The original contact button is now just going to a static page so I can proceed in development of the site.

  4. RavanH
    Member
    Plugin Author

    Posted 3 years ago #

    Hi, on your test page I notice two things wrong:

    1. Your theme or another plugin that is not respecting WP's own the wp_enqueue_script() method (that is there to prevent this kind of problem) loads an older version of the jQuery library for a second time in the footer:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

    You need to find out who's doing that and elimitate that second call.

    2. Your test link in the source looks like:

    <a href="http://shortsaleexpertsandiego.com/test#InlineDivID3" class="fancybox">Click for FancyBox Test – Not Working! </a>

    but you need to make it:

    <a href="#InlineDivID3" class="fancybox">Click for FancyBox Test – Not Working! </a>

    You need to adapt that URL. If you are sure you used only #InlineDivID3 (without the full domain) than it might be automatically prepended the Google Analytics plugin... In that case, and if you cannot switch that behaviour off in its settings, switch to another analytics plugin.

  5. Spencer Tomosvary
    Member
    Posted 3 years ago #

    Awesome that fixed it thanks!

    Any idea what is causing the strange vertical black lines around the fancybox?

  6. RavanH
    Member
    Plugin Author

    Posted 3 years ago #

    I do not see those in Opera 11.5, Chrome 12 or Firefox 5 ... Are you using IE?

  7. Spencer Tomosvary
    Member
    Posted 3 years ago #

    I see them in Chrome 12.0.742.122 and Firefox 5.
    I will upload a screenshot in a few minutes.

  8. Spencer Tomosvary
    Member
    Posted 3 years ago #

    http://shortsaleexpertsandiego.com/images/1.jpg
    http://shortsaleexpertsandiego.com/images/2.jpg
    Note the vertical black lines around the edges of the fancybox.

    These are screenshots from Chrome 12.0.742.122
    The issue is not present in Firefox now that the .js issue is fixed.

  9. RavanH
    Member
    Plugin Author

    Posted 3 years ago #

    I see what you mean on the screenshots but cannot reproduce them on my side. No idea what could be causing it but it looks like a CSS issue...

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic