Skip Navigation

[Resolved] Tabs show on single page but not home

This support ticket is created 6 years, 10 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- - 14:00 – 20:00 14:00 – 20:00 14:00 – 20:00 14:00 – 20:00 14:00 – 20:00
- - - - - - -

Supporter timezone: Asia/Ho_Chi_Minh (GMT+07:00)

This topic contains 5 replies, has 2 voices.

Last updated by CarrieI2136 6 years, 10 months ago.

Assisted by: Beda.

Author
Posts
#623870

I am trying to install a tabbed area using Layouts on the home page of my test site. The tab buttons show up on the home page, but do not do anything when clicked. However, the tabs are working fine on single pages and in preview mode.

I have tried removing the other sections of the home page, or adding a tabbed area in a different area of the home page, but had the same result - tabs don't "switch" when clicked. (The tab/button also does not change to the active state.)

Working page: hidden link

Non-working page: hidden link

(Both are using the same Layout)

#623953

It seems the JS is not fired there, as when you click on the tabs, the classes do not change in the HTML and that is done with JS.

I tested this locally and it works for me in the Home/blog archive, whether or not I use a static page for it.

On your site, I cannot see that these tabs are created in layouts.
The Layout you assigned to the home is this:
hidden link

It does not hold any tabs, only visual cells.

The layout assigned here replaces only the_content() and that is much further down, where it starts with "RESTAURANT DEALS"

I see that the rest is coded into this layout:
hidden link

But - your theme is not integrated. Hence, you cannot set this as a parent Layout.
Hence you cannot display it unless you do that with Custom code, and then the problem will become a different one.

If this is the case I have to ask if this is working fine if you do not call the layout programmatically since this does work fine locally.
I also would need to know how you call the layout so I can replicate it.

#624023

I'm sorry, but I'm not following your answer. The topmost area on the home page is the widgetized area Front Page 1, and in that, I have the Genesis theme's "Featured Page" widget set to show the content of a page entitled "Home Page", which contains the layout "Home Top".

Widget area Front Page 2 shows the content of a page called Home 2 and uses the Layout Home 2.

Widget area Front Page 3 shows the content of a page called Home 3 and uses the Layout Home 3.

I've tried inserting a Layout structure of Tabs in both the Layouts of Home Top and Home 2. The tabs show up in these widgets but only the content of the first tab displays. The second/third tabs do not do anything when clicked. (Right now, those tabs only have placeholder text in them as I am focusing on getting the tabs actually working before putting content in them.)

Can you please clarify what you are suggesting is the issue and/or solution?

#624581

I understand.

This is an uncommon approach to use Layouts.

Toolset Layouts should be applied to contents and usually, it's displayed directly.

In your case, those pages seem displayed thru a Widget, and hence, you have suddenly several Layouts on the same page called thru a widget, which is not the same as a post object (current post).

Widgets do not belong to the post, and this is the main difference between a "single post and a widget".

Now, the approach you take is interesting, and not clearly invalid.

Since this Widgetized area is done by the theme, I suspect there is a conflict with the theme and Toolset, and eventually, a conflict of Layouts and Widgets in general, since this is not how Layouts is used (and tested) usually.

I think the best here would be if you grab a copy of your site, so I can deploy and take this apart locally.
I will need to isolate the Theme and Toolset, analyse how this is built, try to replicate it on a fresh and clean install, so to eventually report this to the development team.

Can you help me by providing a copy of the site?
https://toolset.com/faq/provide-supporters-copy-site/

#624773
#624888

Sorry, but this package does not work.

It seems part of a large MultiSite, and this does not correspond to the Debug Informations I received for this Ticket.

I would need a copy of the single site, or, if this is multisite, I can take try with a manual copy of the Database and Public HTML (mainly, the wp-content).

Can you:
- send me at least the wp-content of the install, as a zip
- send a copy of the database (ZIP export) of the site in question.

I will then duplicate this manually if possible.

I tried to pick the main files on the ZIP you sent, but I cannot deploy the site with them, as it seems they are not accessible on the browser (I get permission warnings and cannot access the backend).

Could you let me know what the odds are with this particular site, or supply eventually the above-mentioned files?

Thank you.

#625403
#625500

Beda, I ended up finding another plugin to use for a tabbed area, so while I would love to figure out a way to do it with Layouts, I have found a solution to what I was trying to do. I appreciate your help, and if you've figured out any workaround, I'd love to hear. Thank you!