Start with Your List: Collection+
Collection+ is the central hub for managing your collection list. Here's how to set it up:
- Link your collection list frame and a custom frame (for a "no results" state) to Collection+
- Assign it a unique numeric ID—this ID is exclusive to your list but can be referenced by other CMS Plus components
- Publish or preview your project to confirm the list renders as expected
You can learn more about Collection+ in the full component guide.
Adding a Filter
Adding a filter is simple:
- From all the Filter+ components, select the same type as the collection field you want to filter
- Drop a Filter+ directly onto your page
- Assign it the same ID you gave your Collection+ component
- Configure the rest, like the collection field name, filter condition, etc.
That's it! Your filter is now linked to your list. When the page loads, CMS Plus detects and auto-filters your collection.
Unleash the Power of Customization
Adding a filter straight onto the page is functional—but the real value of CMS Plus comes from integrating it into your own components. This allows you to:
- Interactively toggle filters as you interact with your design
- Set reusable variables for a more dynamic and scalable setup
With CMS Plus, your filters become part of your component structure, giving you consistent, reusable behavior across your project. You can learn how to integrate components for more advanced setups.
Just Getting Started
That's enough to get your collection list working and a filter up and running. This guide only covers the basics—each component supports additional options and patterns you can explore in the rest of the docs.