Support » Plugin: Tabby Responsive Tabs » Missing class=”responsive-tabs” in html

  • Resolved anthonyw


    In the functions.php I am including the tabby shortcode in two places, one time it is working, the other not, using the same php code:

        $inner_short = '[tabby title="' . $tab->tabname . '"]';
        $out_all = $out_all . do_shortcode( $inner_short ) . $details;

    There is a Tab loop and inner Details loop, creating $details based on database values.
    The full page is set up in the WordPress Editor and includes the shortcode:
    which is referenced in the functions.php:

    add_shortcode( 'allextractsauthors', 'get_extracts_authors' );
    and the tabby code is called within function get_extracts_authors().

    Testing with the $details set to an empty string, the working case results in:

    <div class="responsive-tabs">
    <h2 class="tabtitle">Western</h2>
    <div class="tabcontent">
    </div><h2 class="tabtitle">Far East</h2>
    <div class="tabcontent">

    and so on, but the failing case results in:

    <h2 class="tabtitle">Western</h2>
    <div class="tabcontent">

    etc. that is, the <div class=”responsive-tabs”> is missing.
    Any ideas on what to look for to fix this?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author cubecolour


    you haven’t mentioned the [tabbyending] shortcode being added – this is required to close off the final tab’s content and add some javascript.

    Both routes share the same tabby-ending:

    $out_all = $out_all . do_shortcode( '[tabbyending]' );

    The main theme is ‘Rubber Soul’; I am extending that to my own child theme but have so far only added a functions.php and a JS script, no CSS changes. The $details section uses the ‘Accordion Shortcodes’ to display the data in html <table></table> format.
    I see that the resulting JS is missing all the responsive-tabs html, and is simply listing the titles one per line.
    It mentions a wpautop filter in the documentation. Could that be involved here?

    Plugin Author cubecolour


    The div with the class “responsive-tabs” is a wrapper to the tab group so is opened before the first tab, and closed after the final tab of the tab group.

    If the tabs are not working, I would probably need to see the page source to check the issue.

    Can you post a link to a page on your site where I can see this?

    If you are developing on a local server, it would be useful if you could clone the site to your hosting so I can see if there are any clues as to what is occuring.

    This is still in development on my home server, no hosting set up as yet. I will look into this.

    There is still lots to do to get the data together for the site, so it is too soon for the hosting. For now, I have reorganized the code to use the working route so it is running OK, but usually these errors return. When they do I will re-open this ticket. Thanks for your input.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Missing class=”responsive-tabs” in html’ is closed to new replies.