Framer CMS collection filter out active item

If you have a CMS collection Framer and you want to recommend other CMS items at the end of the CMS detail page and exclude the active item, this is how you do it.

Set up CMS & detail page

Here I’m assuming you already have a CMS collection set up in Framer. But if not or you want to learn more, this should help.

I’m going to use my personal website as a real life example where I have a “Projects” CMS collection that contains all my work case studies.

Filter out active item from list

At the end of each case study, I want to link to other case studies. So at the end of the CMS detail page I simply added the CMS collection in a stack and set the limit to 3.

Here I want to link to other case studies (i.e., items in the CMS collection) except for the current case study the user is looking at (i.e., the active CMS item).

To achieve this, all you need is a simple filter. Follow these steps to set it up:

1. Click on your CMS collection

2. Next to “Filters” click Add and then in the pop-up click Add again

3. In the “Field” dropdown select any variable that is used across all items in your collection. In my case I picked the Title.

4. Set the Condition to “Doesn’t Equal”

5. Click on the little + icon next to “Value” and set the variable to the one you selected in step 4. In my case that’s Title.

6. That’s it. Now you have filtered out the active item from the list.