Before we can repeat, we can slide!
ProcessWire2+ RangeSlider Fieldtype
This fieldtype let's you create slider input fields in the admin using the built in jQuery UI Slider. You can use it as a regular
single value slider, or enable "Range" setting under details of the field edit screen, which gives you two number.
In the front-end templates you can use the field as follows:
If used as single value slider
echo $page->fieldname
If ranged slider is enabled
echo $page->fieldname->min
echo $page->fieldname->max
Use in selectors strings
With a regular single value slider
$pages->find("range=120");
If range slider is enabled
$pages->find("range.min>=100, range.max<120");
It comes with various settings.
-------------------------------------------------------------------
- range enable
- width of slider (%)
- default value
- min value
- max value
- step
- prefix for displayed value(s)
- suffix for displayed value(s)
Download
-------------------------------------------------------------------
You can download the Module from Github.
https://github.com/s...nic/RangeSlider
How to install
-------------------------------------------------------------------
1. Download and place the RangeSlider folder in: /site/modules/
2. In the admin control panel, go to Modules. At the bottom/top of the
screen, click the "Check for New Modules" button.
3. Now scroll to the RangeSlider Fieldtype module and click "Install".
4. Create a new Field with the new "RangeSlider" Fieldtype. Once saved
you can configure the fieldtype, with various options under "Details" tab.
I have made some testing, and installed on different PW installs. But if you find any issue, I'd like to hear.
Have fun!