Range slider with only maximum value

Anonymous

#235217

Hello,

My customer’s products have a value (Fire Tolerance) which is expressed by number. The higher teh number, the more the item is fire resistant.

But

We need to put a slider to select the maximum value, without changing the low side of the slider, which has to be set to 0 (it has no meaning).

Is it possible to hide or remove the min value, or to force it set to zero?

Thanks a lot,

Davide

Trevor

#235230

You can set it not to auto detect and instead set it to 0 in the form field settings, and then use custom CSS (display: none;) to hide the slider. If you make it and show me on a page, I will create the CSS for you.

Anonymous

#273537

This reply has been marked as private.

Trevor

#273643

This custom CSS would hide the - separator, the To box, and the To handle of the slider:

.searchandfilter[data-sf-form-id="3918"] .sf-field-post-meta-EI .sf-meta-range-slider .sf-range-values-seperator,
.searchandfilter[data-sf-form-id="3918"] .sf-field-post-meta-EI .sf-meta-range-slider .sf-range-prefix:nth-child(4),
.searchandfilter[data-sf-form-id="3918"] .sf-field-post-meta-EI .sf-meta-range-slider label:nth-child(5),
.searchandfilter[data-sf-form-id="3918"] .sf-field-post-meta-EI .sf-meta-range-slider .meta-slider .noUi-base .noUi-origin:nth-child(3) {
    display: none;
}

I think you might find it easier to use a new plugin we have for the layout and content of the posts. See this post:

https://support.searchandfilter.com/forums/topic/custom-layouts/

Especially as you want only the title.

As to updates, see this post:

https://support.searchandfilter.com/forums/topic/plug-in-update-in-wp-admin/#post-273233

[Author]

Posts