Show a Red Dot on the Filter Icon when Filters are preset on Mobile
-
In Desktop mode all the filters are always visible, so it’s easy to see which filters are selected for the visible products. However, in mobile mode we see a filter icon and a side tray opens when we click on the filter icon. Is there a way to show some kind of indicator, like a red dot, that shows that the current view is filtered. Some sites show a number that corresponds to the number of filters that are currently applied.
Hello,
Can you please share the page URL I will check and give you a possible solution.
Best Regards.
Hello,
When you apply filters on mobile devices. The checkbox show this filter is applied:
Like this:
https://ibb.co/6JbwRxH
Best Regards.
Yes, that is true. But when the customer is looking at the filtered result, it would be nice to change the filter icon to indicate that the list the customer is looking at is a filtered view and not a complete list. Just like when someone adds an item to the cart, the cart shows an indicator that there is item(s) in the cart.
Hello,
Please add this code to the Theme Settings > Custom CSS > Global. This code change the active filter color and background color
.wd-filter-list .wc-layered-nav-term.wd-active a {
color: white !important;
background-color: red;
}
Hope this helps!
Best Regards.
.
