Is there a way to show a List of topics grouped by the category they have? The solution normally works the other way around where multiple categories added to the item show in the cms item but my approach is a bit different where I need to show all the categories in a list and inside of the cms item of those categories a group of topics that reference that single category show in.
Perfect! You’re looking to create exactly what CMS Nest was designed for - displaying categories as parent items with their related topics nested underneath.
Here’s how to set it up:
Collection Structure Setup
First, make sure you have:
Categories Collection: Your purple category items
Topics Collection: Your orange topic items with a reference field pointing to Categories
Implementation Method
Option 1: Default Method (Recommended)
This fetches nested items from template pages automatically:
On your main page (where you want to display the grouped list):
Inside each category item, add a div where topics will appear: fs-list-element="nest-target" and fs-list-nest="topics"
Add a link element set to “Current” in Link Settings: fs-list-element="item-link"
On your Categories template page:
Add the Topics Collection List:
Collection List Wrapper: fs-list-element="wrapper" and fs-list-instance="topics"
Bind this list to a Multi-reference field from your Categories collection (not directly to Topics)
Set the collection item link to “Current” in Link Settings
Another approach would be using the single reference field method if your Topics collection has a single reference to Categories. The key difference is your Topics collection references one Category, and the nested list shows all Topics that reference the current Category.
