FILTERING BRIEF
GAMES
MANGA / GRAPHIC
MOVIES
NOVEL
TV
They will show and hide list cell items. Multiple can be applied at one time
GAMES
MANGA / GRAPHIC
MOVIES
NOVEL
TV
Desktop Default state - all items shown
Desktop Selected state - Games and Movies shown
Filters
They will change the order of the shown items, with both ascending and descending options. Only one can be applied at a time
Desktop Default state - Added: Ascending
Desktop Selected state
Sort
ADDED
A - Z
RATING
YEAR
ADDED
A - Z
RATING
YEAR
Notes
Both filter and sort will combine states. So I can show only Games, and sort them by year
Loading state?
I assume we would need a loading state at some points, when updating the collection? Let me know if this is the case and I will design an asset to use
CMS reference
User friendly setting for me :)
I would like the solution to still allow me control to add a new filter/sort in the future, or change a filter/sort name etc. Just basic settings that I can apply if needs in the future. I have some code knowledge if that is the best way (if simple) For example I may wish to add another item to the sort menu.
The CMS field this maps to in the collection is called 'Format'. Any list items whose format is described as 'Manga' or 'Graphic' will be combined and handled by one filter 'Manga / Graphic'
CMS reference
Added = Current order of collection items, top to bottom
Ascending vs descending
Ascending = A to Z, 1 to 10, High to low, Newest to Oldest etc
A - Z = 'Title' field
Rating = 'Rating Score' field
Year = 'Year' field
FILTER (2)
GAMES
MANGA / GRAPHIC
MOVIES
NOVELS
TV SERIES
Mobile state example
Number counter in button rises as filters are selected/removed
ADDED
Mobile states
RATING
ADDED
NAME
RATING
YEAR