Skip to content

Show selected options count, move selected options to top

When a filter has been selected, it will show as selected in various styles depending on the type of filter display options you have selected – checkbox, radio, list etc.

On top of this you have some extra options to show how these options are highlighted in your filters.

Showing the number of selected options next to title

By enabling this, the number of selected options for each filter will display next to the filter title.

Highlighting selected options

With these options, you can pick if your selected option moves to the top of the list, does nothing, or scrolls to the first selected item. For example, the default option of ‘Move selected items to top’, with green selected looks like this:

Colour filter with no colour yet selected
With green selected, you can see it gets shifted to the top of the filter to help highlight it and help users deselect it if they wish                      

Scroll to first selected item

If your filter has a scroll bar, you can choose the option ‘Scroll to first selected item’. Once an option is selected and the page/filter is reloaded it will automatically scroll down to your selection.

The selected count is shown and the scrollbar scrolls down to show Music selected.

Stay in position

Of course, there is also the option to just do nothing at all. This will rely on the default style for the filter – e.g. checkbox, radiobutton, or just bold for lists.

 

Did this article answer your question?

Leave a Reply

Your email address will not be published. Required fields are marked *


CYBERFUNDAY 40% discount coupon extended to Friday 9th December + join our Discord community and read the rules for an extra 20% discount coupon.