How to beautifully remake woocommerce default filters?

Question

WordPress

Do I need to install plugins for beautiful filters? So that the price range is a range slider, and the tribute color is displayed with a circle or square of this color. Or is there a code how to re-solder the appearance of the default WooCommerce filters? I’m not in a hurry, on the contrary, I need to re-pick everything and understand, it’s not too lazy to study long articles, just tell me a good detailed material, if you know, it’s also possible in English. This is not my way - "quickly install the plugin and not take a steam bath." I even re-pick the plugin up and down.
But it’s not for me to add something cosmic. The price range is already default in WooCommerce filters, just change html to range.

Answer 1

You have a rather vague question. You kind of ask how to fix the car, and you need to ask in more detail. For example: How to replace piston rings in the engine of such and such a car.
That is, you can answer your question like this: You need to learn php, js, wordpress and woocommerce. But I guess this answer will not suit you.
I will try to answer at least how to act without specific examples)
You need to find a template in your theme where filters are displayed, find the output of the range filter (slider). Next, connect this wonderful plugin - ionden.com/a/plugins/ion.rangeSlider and integrate it into your theme according to its documentation.
I'm sorry, of course, but if you have a more specific question, I'll try to help, but for now it's the only way)