Боковая секция стат. страницы

Для добавления значка дописать классhas-badge элементу catalog-list__item. Внутрь вставить нужный значок (смотри пример)

Для раскрытия фильтра добавить класс is-expanded элементу stock-dropdown-filter

Для показа кнопки Применить поставить класс has-tooltip-force элементу stock-dropdown-filter

Внутри находится блок item-params-list, поведение для него смотреть ниже

Как выставлять значения для визуального отображения ценового диапазона:

Для ползунков:

Для задания значения левого и правого ползунков надо менять их inline значение left.
0% от максимальной суммы фильтра будет равен left: 0%, а 100% от максимальной суммы фильтра будет равен left: 100%

Для активной полоски на заднем фоне

Левое положение ставится равным положению ползунка минимума. Правое ставится по inline значению width (ширина)
Ширина высчитывается как: Значение ползунка максимума - Значение ползунка минимума (смотреть в примерах)

Изначально вмещает в себя 3 строки с параметрами. Для раскрытия блока добавить класс is-expanded элементу item-params-list

Для выбора параметра добавить класс is-selected элементу item-params-list__item