Доработка Калькулятора ModX Revolution 2.6.4

Необходимо доработать калькулятор на сайт: http://kray.meremer.com.ua
Итоговый вид, можно посмотреть здесь: https://drive.google.com/drive/u/0/folders/1h0csGdxGcTeVjxUJJ7DS375lnqidrt9D

Вот необходимый список правок:

1. Заменить ползунок с ценой на странице Каталог тканей на градацию цен: Акционная цена, Категория 1 - Категория 6 ( промежуточные тоже нужные).
2. Сделать калькулятор расчета стоимости. Шаг 1: пользователь выбирает тип системы (одна из четерыех, предоставлю по запросу). Шаг 2 - пользователь выбирает ткань. Каждая ткань в зависимости от системы (Рулонные шторы, Римские шторы, Шторы день/ночь) должна быть привязана к своей таблице расценок.  То есть например, товар "Ткань 1" может принадлежать к одной из 4-х систем (Закрытая БестаПрофиль, Закрытая УниБеста, Открытая 1 и Открытая 2). У каждой системы есть своя табличка с расценками (пример: http://prntscr.com/oq0a3k) и каждая ткань относится к одному из типов цен (http://prntscr.com/oq0asb).  На странице "Каталог" соответственно фильтр по цене служит только для того, чтобы помочь определиться с примерной стоимостью ткани (дорогая или не очень). То есть на шаге 2 видные только ткани соответствующего типа. Шаг 3 -  Пользователь задает количество окон и их параметры (ширина, высота, управление). Шаг 4 - Пользователь видит сводную информацию по всем окнам, а также выбранную им ранее ткань. И заполняет форму обратной связи. Уведомление о заказе идет на указанную почту, пишется в заказы в админку и отправляет смс через сервис LetsAds.
   Аналоги (похожие) калькуляторы можно посмотреть здесь:
   https://mirrolet.com.ua/calc
   https://sunny-store.com.ua/ (максимально близкий по функционалу калькулятор)
3. Калькулятор должен быть адаптивным и корректно отображаться на разрешениях 320, 360, 375, 380, 480, 720, 1024, 1366, 1920 пикс. в следующих браузерах: Chrome, Safari, Edge, Firefox, Android browser.