Jump to category:
- Standalone - Flexi refine widget collapsed
- Standalone - Flexi refine widget expanded
- Standalone - Flexi refine widget child categories
- Standalone - Flexi refine widget with category selected
- Search - Flexi refine widget collapsed
- Search - Flexi refine widget Expanded
- Search - Flexi refine widget child categories
- Search - Flexi refine widget with category selected
This page covers the appearance & functionality of the Flexi Refine widget for both vanilla themes
Most sites use the refine widget on the search results page, however it can also be used as a standalone widget on normal listpages as well, for example on
https://www.cyclingnews.com/races/
Flexi refine elements
Standalone - Flexi refine widget collapsed
- Can be set (in flexi) to either collapsed or open by default
(Image credit: Future)
Standalone - Flexi refine widget expanded
- Can be set (in flexi) to either collapsed or open by default
- When expanded it will display relevant filter options
(Image credit: Future)
Standalone - Flexi refine widget child categories
- If a filter category has sub-categories then these will be shown when the category button is clicked on
- A greyed out number shows how many articles are covered by that child category
- note: depending on the number of results, not all articles will be reachable, as the filter is still constrained by the number of articles allowed on a listpage & will only paginate to up to 9 pages.
- It is possible to use more than one filter (either multiple child and/or parent categories) to further refine a search
(Image credit: Future)
Standalone - Flexi refine widget with category selected
- When a category or child category is applied, the page will automatically refresh with the filtered results
- The refine widget will show which filter(s) are applied
- A category filter can be removed by clicking the X
- All filters can be removed by clicking 'Clear Filters'
- The page will automatically refresh after each change
(Image credit: Future)
Search - Flexi refine widget collapsed
(Image credit: Future)
- Can be set (in flexi) to either collapsed or open by default
Search - Flexi refine widget Expanded
(Image credit: Future)
- Can be set (in flexi) to either collapsed or open by default
- When expanded it will display relevant filter options
Search - Flexi refine widget child categories
- If a filter category has sub-categories then these will be shown when the category button is clicked on
- A greyed out number shows how many articles are covered by that child category
- note: depending on the number of results, not all articles will be reachable, as the filter is still constrained by the number of articles allowed on a listpage & will only paginate to up to 9 pages.
- It is possible to use more than one filter (either multiple child and/or parent categories) to further refine a search
(Image credit: Future)
Search - Flexi refine widget with category selected
(Image credit: Future)
- When a category or child category is applied, the page will automatically refresh with the filtered results
- The refine widget will show which filter(s) are applied
- A category filter can be removed by clicking the X
- All filters can be removed by clicking 'Clear Filters'
- The page will automatically refresh after each change
