Way to change a component instance by clicking a button

Design help General
1

I really want to save a section that will change what information it shows based on the button you click. I know I could just make a new page, but reloading half the page when the layout wont change wont look as smooth.

Really appreciate any advice!!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hi @Harrie_Cobcroft

Could you share your project link and describe a bit more as to what you want to achieve and where so we can have a look?

Thanks.

3

yes sorry! so you can see here, I want to be able to click on one of the images under ‘work’ and have the orange section change accordingly.

https://preview.webflow.com/preview/harrie?utm_medium=preview_link&utm_source=designer&utm_content=harrie&preview=6d49b4058f87cc70afdeea45bd873863&pageId=6645dd3e897080e2c8a6c542&workflow=preview

4

Essentially you’re talking about a tabs element, however that would probably be difficult to work with here.

I’d just use interactions to hide and show different variations of that orange area.

If you need it to be more dynamic, e.g. CMS-driven, Javascript is your best bet.

5

I think you’re right, do you know where I could learn the right javascript/CMS? for someone that doesn’t know it… :(

6

You can hire someone like me to write it, it will depend on your DOM and how you setup the collection list.

Otherwise, probably stick with interactions.

If you’re wanting to learn to develop, ChatGPT is a good crutch.