Add a collection in the autotabs is breaking it

Finsweet Components
1

I want to add a collection within my autotab content but when i do it disables the autotabs component.

2

Hey @info35!

This is a configuration issue with the Auto Tabs component — and it’s a straightforward fix.

When you place a CMS Collection inside Auto Tabs content but the component source is still set to Static, the Auto Tabs script adds the class is-tab-hidden to your content on publish. That’s why the content disappears (or the whole component seems to break).

Here’s what to do:

  1. In the Webflow Designer, select your Auto Tabs instance wrapper
  2. Open the Finsweet Components app
  3. Change the source setting from Static to CMS
  4. Republish and test

A couple of things to keep in mind after making that change:

  • The number of tab items needs to match the number of content items — Auto Tabs requires these to stay in sync
  • The component won’t function in Designer preview, only on a published or staging URL, so always test on your .webflow.io domain

Give that a try and let us know how it goes! If you can’t find the source setting in the app, share a read-only link to your project and we’ll dig in further. :flexed_biceps:

3

Hey - thanks for the speedy reply.

It is already CMS - within my CMS content i have a nested collection. This is causing the break.

4

Hey - I don’t suppose we have an update to this solution? Thanks

5

Hey @info35 I’m looking into it

6

Thanks @jesse.muiruri

I have the CMS autotabs working but when I add a nested collection inside the tab content it breaks

7

Hey @info35 could you share a published url to inspect, I need to share it with the Components team
This looks like something that is breaking internally in how the Auto Tabs component is matching tab links to tab content

You could consider sharing the staging & production urls in the inbox if you’ve an NDA