About Us
Our Work
Appeals
Updates
Resources
Ways to Donate
Zakaah Calculator
Volunteer
GiftAid
Contact
Menu
About Us
Our Work
Appeals
Updates
Resources
Ways to Donate
Zakaah Calculator
Volunteer
GiftAid
Contact
Search
Log-In
Cart
Donate Now
Desktop Filters Design
FILTER APPEALS
Appeal Category
Appeal Type
Country
Donation Type
Price
Mobile Filters Design
Figure 1
Figure 2
Sadaqah (15)
Zakaah (25)
Lillaah (21)
Fitrah (1)
Fidyah/Kaffarah (1)
Interest (1)
Apply Filter
Search
Search
Syria (21)
Palestine (15)
Yemen (17)
Rohingya (13)
India (15)
Pakistan (11)
Apply Filter
Clear Filter
If a filter module only has up to 7 options/variants then it will be like Figure 1
If a filter module has 8+ options/variants then the design will be like Figure 2, with the scroll list and search box
Each option/filter should show the number of results/records in brackets after it, e.g ‘Syria (21)’
The ‘Clear Filter’ Button should only display once a filter has been applied, otherwise only the ‘Apply filter’ button should show as seen in Figure 1
Donation Page & Appeals Page Filters
FILTER APPEALS
Appeal Category
Appeal Type
Country
Donation Type
Price
Our Work Page Filters
FILTER APPEALS
Project Category
Country
Date/Year
The Date/Year field, current year must be selected then they can scroll up for previous years etc.