Is it possible to have a dynamic CMS collection list in Webflow, where the list changes depending on the CMS collection page being viewed?
TL;DR
- Create a Reference or Multi-Reference field to link related CMS items (e.g., blog post to category).
- On the Collection Page Template, add a Collection List and filter it to show items with the same reference (e.g., category) as the current item.
- Optionally, exclude the current item, and set limits or sorting as needed.
Yes, it's possible to have a dynamic CMS Collection List in Webflow that changes based on the CMS Collection Page being viewed. This is commonly used to show related content, such as blog posts from the same category.
1. Use a Reference or Multi-Reference Field
- In your CMS Collection (e.g., Blog Posts), create a Reference or Multi-Reference field that links to another collection (e.g., Categories, Authors, Tags).
- You’ll use this field to define relationships between CMS items.
2. Add a Collection List to the Template Page
- Go to the CMS Collection Page where you want the dynamic list (e.g., Blog Post Template Page).
- Add a Collection List to the page.
3. Filter the Collection List Dynamically
- In Collection List settings, set the source to another Collection (e.g., other Blog Posts).
- Under Filter, choose a condition like:
- “Category (reference)” is equal to “Current Blog Post’s Category”
- This ensures the list only shows items with the same category as the one being currently viewed.
4. Exclude the Current Item (Optional)
- You may want to hide the current item from the dynamic list.
- Add another Filter:
- “Slug is not equal to Current Blog Post’s Slug”
5. Limit and Sort (Optional)
- You can limit results (e.g., show 3 related posts) or sort them by date or title using the Limit and Sort Order settings within the Collection List.
Summary
To dynamically update a CMS Collection List based on the page being viewed, use a Reference field to define relationships, then filter the Collection List using data from the Current CMS item. This is a standard Webflow CMS feature and doesn't require custom code.