WordPress.org

Ready to get started?Download WordPress

Forums

Auto ThickBox Plus
[resolved] Plugin not firing (5 posts)

  1. zerodotnine
    Member
    Posted 2 years ago #

    Hi
    The plugin does not appear to be firing, I am using with theme Synapse and am testing using:
    <div id="foo" style="visibility: hidden;">
    <div>Here is inline content.</div>
    </div>
    Anchor

    Onclick of Anchor /#TB_inline?inlineId=foo is added to the URL.

    I have also tried with an image, the auto tag is being added to the but it appears that the JS is not running to fire the thickbox window.

    Thank you for any advice.

    http://wordpress.org/extend/plugins/auto-thickbox-plus/

  2. attosoft
    Member
    Plugin Author

    Posted 2 years ago #

    Hi zerodotnine,

    Thank you for using Auto ThickBox Plus plugin.

    Anchor

    This link does not have "thickbox" class. You need to set "thickbox" class to <a> tag like below.

    <a href="#TB_inline?inlineId=foo" class="thickbox">Anchor</a>

    If you set "thickbox" class, please check the followings.

    • Can you see any messages (errors/warnings) in browser console?
    • Can you see the source codes bellow in your blog?
    <link rel='stylesheet' id='thickbox-css'  href='http://example.com/wp-content/plugins/auto-thickbox-plus/thickbox.css?ver=0.9' type='text/css' media='all' />
    
    <script type='text/javascript'>
    /* <![CDATA[ */
    var thickboxL10n = {"next":"Next >","prev":"< Prev","first":"\u00ab First","last":"Last \u00bb","image":"Image","of":"\/","close":"Close","noiframes":"This feature requires inline frames. You have iframes disabled or your browser does not support them.","loadingAnimation":"http:\/\/example.com\/wp-content\/plugins\/auto-thickbox-plus\/images\/loadingAnimation.gif","closeImage":"http:\/\/example.com\/wp-content\/plugins\/auto-thickbox-plus\/images\/tb-close.png"};
    /* ]]> */
    </script>
    <script type='text/javascript' src='http://example.com/wp-content/plugins/auto-thickbox-plus/thickbox.js?ver=0.9'></script>
    
  3. zerodotnine
    Member
    Posted 2 years ago #

    I added the thickbox class:

    <div id="foo" style="visibility: hidden;">
    <div>Here is inline content.</div>
    </div>
    <a class="thickbox" title="bar" href="#TB_inline?inlineId=foo">Anchor</a>

    In the source I have:

    <link rel='stylesheet' id='thickbox-css'  href='http://www.customerattuned.com/wp-content/plugins/auto-thickbox-plus/thickbox.min.css?ver=0.9' type='text/css' media='all' />

    But NOT the javascript calls for thickbox

  4. zerodotnine
    Member
    Posted 2 years ago #

    In console I have one unrelated error, 'prettyPrint is not defined' relating to a 404 of js file prettify.js?ver=3.3.1. This is also a error on the main theme website.
    No other errors.

  5. attosoft
    Member
    Plugin Author

    Posted 2 years ago #

    But NOT the javascript calls for thickbox

    Many plugins (including this plugin) output <script> tag before </body> tag via wp_enqueue_script() function.

      <script type='text/javascript' src='http://example.com/wp-content/plugins/foo/foo.js'></script>
      <script type='text/javascript' src='http://example.com/wp-content/plugins/bar/bar.js'></script>
    </body>
    

    So WordPress themes must call wp_headr() and wp_footer() function to output <script> and <style> tags.

    This requires the theme to have the wp_footer() hook in the appropriate place.

    I can't get Synapse theme but I guess that it does not call wp_footer() function. (Synapse theme maybe this?)

    Could you check whether there is wp_footer() call in Synapse theme files?

    For your reference, in Twenty Eleven theme, you can see <?php wp_footer(); ?> code in footer.php.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic