Tabby Not Working

It looks like you have used three Tabby shortcodes, however the first looks like it doesn’t have a value for the title parameter entered.

Also the footer of the page is not being generated so the tabby.js script is not being output.

I have not seen this issue before, but I’m sure we can get the bottom of it and get your tabs working with a little troubleshooting.

Please can you paste into your forum reply the markup you entered for your page including the shortcodes (use the code button before & after to surround the markup with the [code] backticks, and also copy your markup from the WordPress text editor, rather than the visual editor)

thanks for the quick reply.

I thought that maybe I had to add the empty [tabby] shortcode to get things started but that didn’t work but left it anyway.

Here is my code in the Text Editor as it stands now.
[tabby title=”Monthly Gift”]
<iframe style=”width: 60%; height: 800px; border: 0;” src=”https://www.mogiv.com/give/?oid=britekid&frameless=1&custom=1&includeLearnMore=0&#8243; width=”300″ height=”150″></iframe>
[tabby title=”One-Time Gift”]
this is content for one time gift
[tabbyending]

Thanks. Was that copied from the visual editor tab or the text editor tab?

Can you paste in the full contents of the text editor tab please, and also use the forum’s [code] button to enclose the copied in content in backticks so it apears something like this:

content before the tabs

[tabby title="something"]

content of first tab

[tabby title="something"]

content of second tab

[tabbyending]

content after tabs

This is from the Text Tab of the editor.

[tabby title="Monthly Gift"]
<iframe style="width: 60%; height: 800px; border: 0;" src="https://www.mogiv.com/give/?oid=britekid&frameless=1&custom=1&includeLearnMore=0" width="300" height="150"></iframe>
[tabby title="One-Time Gift"]
this is content for one time gift
[tabbyending]

Is that the full content of the text editor for that page? Is there no other content above or below the tabby shortcodes?

Sorry, didn’t realize you wanted everything.

<h3>Freely you have received; freely give.?Matt 10:8</h3>
<h3 style="text-align: center;"><strong style="font-size: 20px; font-weight: bold; color: #f05f40; text-align: center;">Please Help Us Grow the Movement </strong><strong style="font-size: 20px; font-weight: bold; color: #f05f40; text-align: center;">and Feed?God's Kids</strong></h3>
We will not rest as long as there is a hungry or undernourished child.? In return for the valuable gifts we have provided your family, please make a 100% tax-deductible donation to help us bring our nutrition programs to every family in America, as well as help bring?healthy food to millions of children in need.
<h2 style="text-align: center;"><span style="color: #ff6600;">Every $1 Donated = 5 Healthy Meals for a Hungry Child of God</span></h2>
<h2 style="text-align: center;"><span style="color: #ff6600;">A $6.00 Monthly Gift?<em>(just 20￠?a day)</em> Will Feed One Hungry Child Each Day.</span></h2>
<h4><strong><em>?</em></strong></h4>
[tabby title="Monthly Gift"]
<iframe style="width: 60%; height: 800px; border: 0;" src="https://www.mogiv.com/give/?oid=britekid&frameless=1&custom=1&includeLearnMore=0" width="300" height="150"></iframe>
[tabby title="One-Time Gift"]
this is content for one time gift
[tabbyending]
<h3><strong><em><span style="color: #333399;">Every man shall give as he is able, according to the blessing of the Lord your God has given you.</span></em></strong></h3>

Thanks – it doesn’t look like there’s anything in the content that might cause the issue.

It looks like the body classes on this page are:

page-template page-template-page-fullimg page-template-page-fullimg-php

And other pages on your site have the body class

page-template-default

This suggests you are using a template called page-fullimg for this page. I would like to focus on that next for troubleshooting, First I would like to check that this template is calling the wp_footer hook. As your site’s footer is not appearing on this page, I wonder whether the code to build the footer is missing – eg a get_footer() function or a call to wp_footer (not wp_foot() as mentioned in your initial post). This omission would result in the footer content not appearing and the scripts attached using the wp_footer hook not being included?

Is the page-fullimg template used on any other pages? What happens if you switch to the default page template for the page with the tabs?

All the pages still use the line:

<?php get_template_part('content', 'page'); ?>

Where the line on that file is using,

<?php the_content(); ?>

thoughts?

I can’t really tell much from that. Have you tried applying the default page temlate to that page to troublesgoot whether that is the problem?

It does appear to be a conflict there on the page…

i just setup a test post with the Tabby code. It appears to work fine there.
https://savegodskids.org/tab-test/

thoughts?

This suggests to me that there is a problem with something in the page-fullimg page template. It looks like a custom theme rather than one I can download from www.remarpro.com. Can you get the original developer of the theme to check it over?

??

bad part is I am the developer. Where are some areas that I should look to investigate?

I would probably scrap that template and start again. I’m afraid that correcting issues in your theme is not within the scope of the free plugin support I can provide. Maybe have a look at one or more the the many tutorials available for creating custom page templates in a theme based on underscores.

I hear ya and definitely don’t want to stretch beyond your scope. I appreciate your assistance so far. Are there any major areas that can throw up problems that I should be aware of?

I’ll play with the template for sure and see what I can fix on my own as well

Thanks so much for your diligence in responses.

If the template is created correctly it should just work. If there is an existing page template you can use that as a starting point. I don’t have a lot of recent experience in making themes based on underscores as I tend to make Genesis child themes for my own projects.

I’ll set this topic as resolved as this is a theme issue and the tabs are working on a different page.