Load Team Member Bios from Collection via Ajax

site profile thumbnail

Description

This quick and simple demo uses a collection list displayed on the page and loads the full bio from each CMS Item via the CMS Template. It does not cache the data, just simply loads it. The panel on the right gets the injected bio unless the screen is smaller then a tablet. in that case the bio is injected below each collection list item so it is stacked. The layout is one example of a way to do this and there are many. The code is written to leverage jQuery since it's currently loaded on all projects. It is a good starting point if you need something similar. Best way to understand how this works is inspect it in devtools.
ajaxteambioteam-memberloading-screen

Related Made in Webflow Projects