UI Tabs plugins not working

  • DSaz


    Hello there.

    I have a new installation under this brilliant theme and I’m facing a major problem with tabs functionality. I wouldn’t like to quit this theme as I already have put time and effort, so I would be very grateful if anyone with relevant experience could advise me.

    I’m not really into all this JQuery / Java thing. Though I read a relevant topic here and followed the instructions but nothing happened as well as a bunch of related articles.

    The main issue is that after putting the shortcodes of 2 tab plugins my content is showing as simple ul list.

    I have tested 2 different plugins. The following links refer to posts with tabs supposed conent from these plugins.

    1. POST UI TABS: http://clickfactor.gr/test-post-ui-tabs/

    2. WP TABBITY: http://clickfactor.gr/test-wp-tabbity-tabs/

    My third option is the following but though it works there’s a conflict with another plugin (Related posts Thumbnails – as seen at the end of the posts) even in compatibilty mode (using the gn_ prefix in the shortcode)

    3. Shortcode Ultimate: http://clickfactor.gr/test-shortcode-ultimate/

    I have tested the mentioned plugins separately. The site is in development phase and in greek language. I hope this is not an issue.



    Any hint out there please?!


    Kenneth John Odle


    Generally, tabbed content requires a combination of javascript and css. It appears that one or both of those items is missing or not functioning properly.

    It’s possible that these plugins either weren’t installed properly or completely, or that they are conflicting with some other plugin. Plugin conflicts are the source of a lot of problems. The only way to deal with them is to disable them one at a time and figure out which one is causing the problem.

    You can try switching to another theme temporarily and seeing if these plugins work then. If they don’t, then it’s not really a theme issue. You might want to contact the writers of the plugin at that point. If they do, then it’s most likely a javascript or jQuery conflict from within the Graphene theme.



    Hello john.

    Thank you very much for spending some time for my case.

    Yes it’s obvious that it’s a css or java issue (actually according to what I’ve read so far the java library and tools loaded by the functions.php I suppose)

    Well I chose to start from your last suggestion, sth that I should have tried before posting here as it is typically the most recommended solution for checking compatibility issues. Sorry for that but after 8 hours of testing and reading I got so frustrated and confused that I ignored the basic testing rules.

    Now guess what. I turned to the classic twenty eleven and all the tab plugins work perfectly. So it’s a Graphene issue. Do you have any tecnical suggestions about this? Any functions.php additions to my child theme perhaps?

    I added the following after reading a close related topic here according to the guides given from Sayhir. But nothing changed.

    Thank you in advance.

    function graphene_enqueue_scripts_custom(){
    wp_enqueue_script( 'jquery-tools' );
    add_action( 'init', 'graphene_enqueue_scripts_custom' );

    function graphene_custom_tabs_script(){
    <script type="text/javascript">
    jQuery(document).ready(function($) {
    $("ul.tabs").tabs("div.panes > div");
    add_action( 'wp_footer', 'graphene_custom_tabs_script', 100 );



    Well the latest finding is related to to javascripts loadaded from each theme after swaping.

    All are the same except the one extra in Graphene and that is:


    Does this light up the situation?


    Syahir Hakim


    I just tested using the Post UI Tabs plugin, and it works fine after I saved the settings at least once in WP Admin > Settings > Post UI Tabs.


    Syahir Hakim


    Hurm..yes, it does seem to be a conflict with the jQuery Tools library, since both jQuery Tools and jQuery UI Tabs uses the same name for tabs functionality, .tabs().

    However, the jQuery Tools library is needed for the slider on the front page, and it is unnecessarily loaded for all the other pages (this will be fixed in Graphene 1.6). Removing the jQuery Tools library seems to have fixed it.



    Happy to hear from you Syahir.

    My best credits for this fully customized theme.

    Well, do you think that it’s about a conflict with other plugins? I have not made any major changes in the css and what has been done relates mostly to borders, a custom th, list image and colors.

    Don’t you see a java issue at all?

    Have you checked my links?

    I will try to change back to the original Graphene set up and see if tab plugins work fine as you say.



    ok then I did a check with thw clean install of graphene and all the plugins except POst UI deactivated but nothign changed again.

    I can compromise losing the slider and using a plugin for this function on the front page until the 1.6 comes out (can you estimate when it’s gonna be?)

    Any hint on how to remove the Jquery Tools library? And is this gonna fix the issue with the other tab plugins?

    Thank you


    Syahir Hakim


    If you’re using a child theme, just add this code inside your child theme’s functions.php file (create one if you don’t have it):

    function graphene_remove_scripts(){
    wp_dequeue_script( 'graphene-jquery-tools' );
    add_action( 'init', 'graphene_remove_scripts', 100 );

    Not sure if it’s gonna fix the issue with the other tab plugins. It’s best to use just one plugin for one particular purpose.

    Graphene 1.6 is in the beta testing period now, so expect another two weeks or so before it is released.

    But if you like, you can try it now:






    Finally it works.

    I’m planning to localize the theme for Greece.

    As soon as I’m trough I will follow the procedure as descibed and contribute to your effort.

    Thank you again.

    Stavros (the real me)

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.