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

Cars

PRICE

PRICE

YEAR

MAKE & MODEL

STATUS

TRANSMISSION

Custom code components for Framer CMS.

© 2024 CMS Plus

Custom code components for Framer CMS.

© 2024 CMS Plus

Custom code components for Framer CMS.

© 2024 CMS Plus