Linking Tab content to a different tab

Design help Animations & Interactions
1

I need help linking tabs from the tab content. If you scroll down to the tab section (The Problem / Opportunity / solution), if you look at the content you will see a button that looks like it links to a tab but actually is a replica page. This is messy and bad practice. Does anyone know how I can link ot to the tab so I can do away with the replica pages?

Here is my public share link: Webflow - BetterHomes4All
(how to access public share link)

2

Hi @Roxzfr,
Did you get the links working? It was kind of hard to understand what you’re trying to do.

3

Hi @garymichael1313, no i didn’t.

Basically rather than have three replica pages I want one page where the button at the bottom links to a tab not the replica page. I have in fairness made it as complicated as possible!!

4

So you’re talking about “The” problem, opportunity, solution tabs right? If that’s the case, that’s pretty simple to do in one ‘panel’.

You will need interactions. In essence, you will content in 3 different divs, stacked on top of each other. One can fade out, the other shows, and so forth.

Is that something you’re trying to do?

5

Thank you - yes - that sounds about right. But it sounds pretty complicated?

6

Well… it’s an involved interaction but possible to do. How much time do you have? Are you trying to get it done fast?

7

I have the work around and so far the client hasn’t noticed, they might never, but I would rather have it right.

8

For future reference:

I found another solution in the forums here and consolidated the code into a quick tutorial. You don’t have to make any edits to the code or tabs and it’s super flexible.

Here’s the tutorial video:

1 Like