Missing class=”responsive-tabs” in html

Resolved anthonyw
(@anthonyw)

6 years, 10 months ago
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:
[allextractsauthors]
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:
```
</div>
<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
(@numeeja)

6 years, 10 months ago

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

6 years, 10 months ago
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
(@numeeja)

6 years, 10 months ago

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.

Thread Starter anthonyw
(@anthonyw)

6 years, 10 months ago

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

Thread Starter anthonyw
(@anthonyw)

6 years, 10 months ago

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.