-
Posts
-
Hi everyone,
I added price filter widget on my shop pages. The cursor can be moved every 10€ but I would like to move it every 1€.
How can I do this?
And when there is no product under 10€ on a page, the filter starts from 10€ and I would like to make it start from 0€ on all my shop pages.
How can I do this?
Thanks a lot!Hi fcp,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
VictoriaHi Victoria,
You can find a link and credentials to my website in private content.
This page is one example of the problem I’m talking about.
There is no product under 10€ on this page, so the filter starts from 10. But I would like this filter to start from 0€ on ALL my shop pages.
The other thing is that the cursor can only be moved on 10€ or on 20€. It immediately moves from one to the other. But I would like my customers could move this cursor on the exact value they want.
What do I need to do to fix those two things?
Thanks a lot!What I mean when I say “on the exact value they want” is “on each value in euros from 0€ to the maximum price”.
Hi fcp,
I checked the widget, the code for it is in WooCommerce files and it is not the theme functionality. You might want to check WooCommerce support forums to get help with that.
If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria,
I found the solution on WooCommerce support.
But now I have a question relative to Enfold theme : what is the code to change the color of the bar?
I mean the interval between prices is actually white and the rest of the bar is grey and I want the opposite : interval between prices in grey and the rest in white?
Thanks for your help!Hi Victoria,
I’m sorry, I had some issues with my website today.
Normally you can access now.
Best regards,Hey!
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.main_color .widget_price_filter .ui-slider-horizontal .ui-slider-range{ background-color: #643f3f; }If you need further assistance please let us know.
Cheers!
VictoriaHi Victoria,
This code works great, but I would like to try to change two other elements of this price filter (see screenshot: https://imgur.com/WdPJKLf).
Which codes do I need to apply?
Thanks a lot!Hi fcp,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle { background-color: #9f4d4d; } #top .main_color .widget_price_filter .price_slider_wrapper .ui-widget-content { background: #8267679c; }If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria,
It works perfectly!
Is there a documentation somewhere on Enfold website with all those css for each element?
Thanks a lot!Hi fcp,
These are not the theme elements and so there are no docs for them.
Maybe some docs for the plugin can be found online.
Glad we could help :)
If you need further assistance please let us know.
Best regards,
VictoriaHi Jordan,
I have two questions more about this price filter:
– what is the code to adjust the padding between the price slider and the “Filter” button?
– what is the code to adjust the padding between the price slider and the prices?
Thanks a lot!Hi,
It would be css. Add the following to quick css to increase the space:
.price_slider_amount{ margin-top:30px!important; }Best regards,
Jordan ShannonHi Jordan,
Thanks a lot for your reply!
Your code works great for the first part, but which code do I need to add if I want the button and the prices to not be horizontally centered?
To be clear, what I would need to do is this: https://imgur.com/rZP0h2M
Best regards.Hi,
Add this also:
div .widget_price_filter .price_slider_wrapper .price_slider_amount { line-height:0px!important; }Best regards,
Jordan Shannon
- The topic ‘Price filter widget’ is closed to new replies.