How to achieve sections on page rendering

Good day Everyone
I would like to recreate this saas like behavior in my own project where as when I click a link only that part of the page is render and not the whole page is refreshed with the new section. Here is an example from a Webflow Template.

Webflow does not have explicitly offer an architecture designed for single-page sites, with pre-fetching, AJAX, etc.

But you could built it just using one big tab control with the tabs as your left nav.

hey thanks that is exactly what I did, now my next roadblock is in tablet/mobile, how do I connect the tab panes to the links in the mobile menu

That’s a separate thing, but if you want to be able to change tabs by clicking other elements you could write custom code to do that, or use finsweet’s Mirror Click attribute;

You’re going down a more complex path here so I’ll just add that you might want more flexibility by learning how to use interactions to show and hide elements. Then you can build your own more flexible tab-like area.

2 Likes

Thanks for this solution.