WoodMart filter style

I have some questions about filters:

I need to change the style of the filters on the left side of the shop page(I will attach a photo)

1) I want it to be cheks check when it active, instead of round and number of products in it.

2) When the filter will be active, I want it to be some color – I haven’t baked it exactly yet, but now it’s gray inactive and black active – It’s hard to see the difference

3) Is it possible to add a search field to all filters so that the user can search for a category? (For example, I have many filters added as attributes, and the user has to search by scrolling – To be able to select the files by serch)

4) Similar functionality can be added to the main page filter if possible (I dropped the filter widget from Elemetor)

Attachments:

You must be logged in to view attached files.

Hello,

01. You need to use Woocommerce default filters. You can find them in the Appearance > Widgets.

02. Try to add the following Custom CSS code in Theme Setting > Custom CSS > Global Custom CSS.

.wd-filter-list .count {
background-color: red !important;
}
.wd-filter-list .wc-layered-nav-term a:hover+.count {
	background-color: green !important;
}

03. Sorry to say there is no option in theme setting available for that.

04. Please check this manual:
https://xtemos.com/docs-topic/how-to-create-filters-form/

Best Regards.

[Author]

Posts