Demo: Cars Collection

Overview

CMS+ delivers Framer's collection list filters on-demand. From the page, users can compound filters, sort the results, and have the option to run a custom text search. It provides additional components for added functionality like clearing all filters at once, and a current results count.

Collection Details

This CMS collection of cars is populated with 1000 items. For this demo, it will be using the following fields:

Make and Model (Plain Text CMS field)
Price and Year (Number CMS field)
Status and Transmission (Option CMS field)
Reduced Price (Toggle CMS field)

Filter Selection

CMS+ builds complex filters as more get applied.

Applying filters within the same CMS field uses a 'match any' approach. For instance, toggling all options under 'Top Makes' will display results where the Make is Honda, Nissan, Porsche, or Subaru.
When combining filters from different CMS fields, a 'match all' method is used. For example, toggling the filters for 'Over $100K' and 'Honda' will show cars that are both Honda and priced over $100,000.