Aрхив: Доработки сайта — верстка шапки и подбор товаров

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



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



Макеты тут — 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 — нарисовано немного неправильно, справа от кнопки «Каталог» кнопка «Фильтр» должна оставаться видимой.



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



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



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



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



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



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



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



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

Андрей
24.02.2024 в 12:14