Made in Webflow

Load Team Member Bios from Collection via Ajax

site profile thumbnail


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.
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.


More by Jeff Selser

See profile
View details
Retrieving data from an external API - todo list