Требуется сделать доработки по сайту https://dveriklinskie.ru/ - переверстать шапку и сделать подбор товаров.

Сайт работает на MODX Revo, все доработки сначала нужно делать в отдельном шаблоне, потом уже выкатывать на сайт.

Макеты тут - https://dveriklinskie.ru/psd.rar

1 - Переверстать шапку с верхним меню по этим макетам:

dveriklin_glavnaya_head_v2.psd
dveriklin_glavnaya_head_v2_menu_klientu.psd
dveriklin_glavnaya_head_v2_menukatalog.psd

Содержание выпадающих пунктов будет выводиться так же как сейчас - через вызовы pdoMenu, в разделах Клиенту и Важное их сделать через перечисление id, в разделе "Важное" будут страницы Статьи, Отзывы, FAQ

На разных макетах кнопка "Вызов замерщика" нарисована по разному, нужно брать вариант с первого макета - dveriklin_glavnaya_head_v2.psd

Макеты для мобильных разрешений (от 320 до 768 пикселей):
dveriklin_glavnaya_mob.psd
dveriklin_glavnaya_mob_katalog.psd - нарисовано немного неправильно, справа от кнопки "Каталог" кнопка "Фильтр" должна оставаться видимой.

При нажатии на кнопку Фильтр внизу будет выезжать фильтр из сайдбара - примерно так же как сделано тут https://dveri-vkvartiru.ru/ - https://skrinshoter.ru/sO3iEouydyO?a

Т.к. кнопка "Фильтр" будет на мобильных на всех страницах, то код фильтра тоже должен быть на всех страницах, но по одному разу, при этом он не должен дублироваться.

То есть в шаблоне "Категория" он будет выводиться в сайдбаре, а в других шаблонах - где угодно, но он будет скрыт, и будет появляться только при нажатии на кнопку Фильтр.


2 - Сверстать и спрограммировать фильтр по макету dveriklin_filtr.psd

Фильтрация будет осуществляться по тв-параметрам товаров - https://skrinshoter.ru/sO3is7131Dl?a

Функционал подбора и вывод товаров можно сделать через pdoResources, так же как сейчас. В каждом параметре фильтра должно быть возможность выбирать несколько значений.

Варианты возможных значений в каждом параметре должны собираться из опубликованных ресурсов, чтобы не было неактуальных значений (могу кинуть пример сниппета с другого сайта). Значения цветов для квадратов есть в отдельной таблице https://skrinshoter.ru/sO3ntP4C1N3?a - это тоже выводится через сниппет который могу кинуть.

На странице результатов подбора слева так же будет сайдбар с фильтром, но только в нем должны быть отмечены выбранные значения фильтра.