Shortcode doesn't create tabs (need help)

Is the plugin showing as activated on the plugins admin page?

Do you have any other plugins installed & active?

To check, go to plugins -> installed plugins in admin and find ‘tabby responsive tabs’ Then, in the list of plugins, when you hover over the plugin title, a link should appear which will can activate or deactivate the plugin depending on its current state.

YEs it is active – I deactivated any weird plugins to no effect…
It may be a path/permission problem?
thanks for your help.

To troubleshoot, what happens if you temporarily deactivate all other plugins and activate the twentytwelve theme instead of the child theme?

I will try the nuke tonight.

If this does make the plugin work as expected, the next step will be to reactivate your child theme, and if it is still working then, activate your other plugins one-by one, checking the site each time. then when activating one causes it to break again, you should an indication of what is causing the problem.

Actually scratch that. I believe I have found the issue preventing the shortcodes from being processed. It does not appear to be caused by the theme or another plugin, so the troubleshooting steps previously suggested are not necessary.

You have some invisible ‘-‘ characters in your code. When I copied the shortcode block from ‘view source’ on your page and pasted it into a text editor, the result looked like this

[--tabby title="Thanksgiving"--]
stuff
[--tabby title="White Wine"--]
stuff
[--tabby title="Red Wine"--]
morestuff
[--tabbyending--]

These invisible charactes are intended to prevent the shortcodes from being processed in the page in the example on my site are surviving being copied & pasted into your site.

The fix will be to delete that block and retype the shortcodes manually.

I have changed how I format the the example shortcodes on my site to use character codes for the square brackets rather than typing them with the invisible character, so this shouldn’t happen again if anyone copies the code rather than typing it.

Please let me know whether this fixes it.

Better, console tells me the site https://www.ryerestaurant.com/rye/tab-test/

ReferenceError: Can’t find variable: jQuery

so maybe I need to install or fix the path for the $ (jquery?) library?

That’s a different problem & means your site isn’t loading the version of jQuery included in WordPress, which is a dependency of the script within the plugin.

I’ve just noticed you are using a cache plugin, so you empty the cache & also try the troubleshooting steps outlined earlier to identify if the theme or a plugin is preventing WordPress from loading jQuery.

I tried putting the jquery call in the header and in a functions.php file with the following code

// smart jquery inclusion
if (!is_admin()) {
wp_deregister_script(‘jquery’);
wp_register_script(‘jquery’, (“https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js”), false);
wp_enqueue_script(‘jquery’);
}

Still working…

Did you try it with all other plugins deactivated & with the default theme?

The plugin enqueues the script the correct way by listing jQuery as a dependency. If you deregister jQuery and use a version other than the version included within WordPress, I have no idea whether it might work, so please don’t do that. I suspect either a plugin or theme incompatibility.

Troubleshooting on a site with a cache plugin installed is probably not a good idea as changes are not always reflected immediately on the front-end display.

I suspect that there is another plugin, or possibly the theme, that is doing something to prevent jQuery from loading. The plugin enqueues its included javascript correctly with the version of jQuery that is included in the latest version of WordPress as a dependency.

Your site is currently loading up an old version of jQuery, not from WordPress but from google.

As you have not replied I am setting this as resolved. If I hear back from you with details of the results from the troubleshooting steps, I will unset the resolved flag and will be able to offer to further help.

Hello,

I’m also having this problem. My site is local right now so can’t show anything, but I’ve checked the console and tabby.js as well as the stylesheet are being loaded without problem. The plugin is activated and I’ve tried isolating the plugin to no avail.

It’s apparent that the tab titles are pulling in a default style, but just not creating tabs as [tabbyending] shows on the frontend. Not sure if it’s incompatible with the theme, but also not sure where to start.

Thanks in advance!

I am also having a problem. This plugin is only displaying one tab as opposed to all I have set to appear on my page:

https://www.westminstertech.com/tabby/

Thoughts?

This topic is already set to resolved and if your issue was the same you would be able to resolve it in the same way as the user who started the topic. If you require support please start a new topic and give as much information about your site as possible and include a working link to a page showing the issue.

Hi, i copy pasted the below code in my php file and executed. no tabs are shown except the the text. Am i doing something wrong? Kindly help how to use it .php file.

[tabby title=”Products”]
Display all products

[tabby title=”Links”]
Display all links

[tabbyending]