Выбор диапазона цен в каталоге товаров (фильтр) - yvCommodity

Всем добрый день!
Во время работы над очередным заказом возникло желание добавить визуализацию выбора диапазона цен для фильтрации товаров, т.е. сделать т.н. селектор цен (Price Range).
jQuery UI показался мне хоть и весьма функциональным, но громоздким для таких целей, даже с учетом компиляции исключительно виджета Slider.
Потому мой взгляд остановился на более простом решении: noUISlider
В нем я нашел все необходимые мне функции и опции:

• указание граничных значений диапазона (range);
• указание начальных значений (start);
• шаг ползунка (step);
• точность единиц (resolution);
• считывание значений;
• привязка инпутов (полей ввода).

Однако в нем не хватало одной важной функции -- выполнение пользовательской функции по окончании перемещения ползунка. Функция, вызываемая во время перемещения ползунка есть (slide), а по окончании действия нет. Данная функция очень полезна, когда нужно обновить значения фильтров и списка товаров после выбора цены с помощью ползунка.

Но разочарование было недолгим, т.к. я расширил исходный скрипт. Если кто-то решит воспользоваться этим плагином для jQuery, то вот вам решение.
Все описанное ниже верно для noUiSlider 3.2.1.

1) Открываем исходный файл jquery.nouislider.js. Переходим к строке №162 и добавляем после нее следующий код:

2) Переходим к строке №260 (нумерация после добавления кода сверху) и после нее добавляем одну строку кода

3) Теперь в коде вашего фильтра вы можете добавить выполнение нужных действий, которые произойдут после перемещения ползунка слайдера, например:

Вот и все, дорогие мои!
"Удачной всем охоты!"

изображений невидно

изображений невидно

Завтра перезалью.