UI Tabs plugins not working
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.Mod
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.
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.
wp_enqueue_script( 'jquery-tools' );
add_action( 'init', 'graphene_enqueue_scripts_custom' );
$("ul.tabs").tabs("div.panes > div");
add_action( 'wp_footer', 'graphene_custom_tabs_script', 100 );
All are the same except the one extra in Graphene and that is:
Does this light up the situation?AdminAdmin
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,
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?
If you’re using a child theme, just add this code inside your child theme’s
functions.phpfile (create one if you don’t have it):
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:
- You must be logged in to reply to this topic.