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.
0