Plugin Author
Vova
(@gn_themes)
Hi @krajeawnoi,
there are multiple JS errors which prevent tabs script to work. Eliminate all JS errors on your page.
You can find errors by opening the javascript console in your browser. How to open the console.
Hi Vladimir, I’m experiencing the same problem. I don’t have any JS errors in the console – and I am reasonably certain that haven’t changed anything that would stop the tabs from working. Here’s an example: https://owl.excelsior.edu/orc/what-to-do-before-reading/previewing/ – thanks for your work on this plugin! Cheers, Mark
Plugin Author
Vova
(@gn_themes)
Hi Mark,
you should not use min-height property on the .su-tabs-pane. Nest a div with min-height instead:
[su_tab]
<div style="min-height: 300px"...></div>
[/su_tab]
View post on imgur.com
Hi Vladimir, thanks for the prompt reply. I made the changes you suggested and still experienced the same problem. Just now, I rolled back to Shortcodes Ultimate version 5.1.1 and the problem has gone away. If you do find there was something in the most recent update that might have caused the tabs to misbehave, I’d be happy to test any fixes for you. Cheers, Mark
p.s. Just sent a paypal thank you. I’ve been using this plugin for a looong time!
Plugin Author
Vova
(@gn_themes)
Hi Mark,
thank you.
Please install version 5.2.0. I’m unable to debug the working code 🙂
Hi Vladimir,
I have re-installed 5.2.0. I don’t want to leave it in a non-functioning state too long. Are you able to debug soon? And do you need access to the site?
Cheers,
Mark
Plugin Author
Vova
(@gn_themes)
Hi Mark,
most probably there is a conflict with one of the plugins installed on your site. Please try the following. This is the only possible way to fix the issue.
1. Disable all plugins, except SU;
2. Start enabling plugins one by one;
3. Check the tabs after each plugin activation.
Also, do you have any caching plugins? Try to flush the cache. Tabs markup looks like it is from the previous plugin version.
This is how tabs HTML should look like:
<div class="su-tabs-nav">
<span class="su-tabs-current" data-url="" data-target="blank" tabindex="0" role="button">Tab name</span>
<span class="" data-url="" data-target="blank" tabindex="0" role="button">Tab name</span>
<span class="" data-url="" data-target="blank" tabindex="0" role="button">Tab name</span>
</div>
And this is how tabs are displayed on your page:
<div class="su-tabs-nav">
<span class="su-tabs-current" data-url="" data-target="blank">About</span>
<span class="" data-url="" data-target="blank">Transcript</span>
<span class="" data-url="" data-target="blank">Handouts</span>
<span class="" data-url="" data-target="blank">Attributions</span>
</div>
You may notice missing tabindex and role attributes. These attributes were added in version 5.2.0.
Hi Vladimir,
No need to do the plugin test. I replaced the shortcode HTML (I am using it in the template, so it was hardcoded) as you suggested and that solved it. Thanks for taking the time to resolve this!
Yours,
Mark
Hi @gn_themes
I see many websites. Showing this error, you should fix that plugin
Thank
