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