Challenge #3: Finsweet Filter

Back to overview

Implement filter and pagination with Finsweet Attributes.


Criteria:

1. Add following filter in the existing c-form-filter-wrapper:

  • Search filter limited to card title field
  • Radio Buttons for Categories (Category 1, Category 2, Category 3)


2. Hide all CMS items from the CMS List that have the switch set to “yes”.

3. Add an empty state

4. Add a dynamic counter, that shows the number of found items.

5. Change the date format to a german format (e.g. from 5th of April 2022 to 05.04.2022)

6. Add Finsweet pagination

Filter:
0 items found.
June 24, 2022
What Will Website Be Like In 100 Years?
July 6, 2021
20 Myths About Web Design
April 24, 2022
The Worst Advice We've Ever Heard About Web Design
December 18, 2022
Why We Love Webflow (And You Should, Too!)