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>
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
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.
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.
