У строительной компании «Коралл» уже был сайт на «1С-Битрикс». В нём накопился большой каталог загородных домов, но подбирать проект было неудобно. На главной странице каталога сначала нужно было выбрать раздел, а часть характеристик открывалась только внутри карточки. Я взялся за каталог и формы, а после сбоя на «Макхосте» восстановил и сам сайт.

Восстановление после сбоя «Макхоста»

После падения хостинга сайт перестал открываться. Я восстановил его из своих бэкапов. Незадолго до сбоя я работал над каталогом и фильтром, поэтому у меня сохранились копия файлов сайта и отдельный SQL-дамп базы. В файлах были шаблоны «Битрикса», фотографии и планировки. В базе хранились страницы, записи каталога и свойства домов. Если восстановить только файлы, карточкам будет неоткуда взять площадь или количество комнат. Если вернуть только базу, потеряются изображения и шаблоны, которые выводят эти данные.

Я развернул копию файлов, импортировал дамп и подключил восстановленную базу к «Битриксу». После запуска сбросил серверный кэш PHP, чтобы сайт подхватил восстановленные файлы. После запуска проверил, что открываются разделы каталога и отдельные карточки, на месте фотографии и характеристики, а формы по-прежнему доступны. На сайте осталась прежняя CMS, с которой сотрудники уже умели работать.

Каталог и карточки проектов

Раньше крупные плитки разделов занимали почти весь первый экран. Я уменьшил их на компьютере и телефоне, а под ними вывел общий список проектов. Теперь можно начать подбор сразу в каталоге. Раздел «Построенные дома» тоже переделал: убрал боковое меню, расширил сетку и разместил по три карточки в ряд на компьютере.

В карточках каталога вывел площадь, внешние размеры и количество жилых комнат. На странице самого проекта добавил внешние размеры и дополнительные характеристики, среди них балкон, мансарда, плоская крыша, терраса и цоколь. Если у конкретного дома значение не заполнено, соответствующая строка не выводится.

Фильтр для подбора дома

По названию можно искать целиком или по части. Например, если помните номер проекта, достаточно ввести его фрагмент. Площадь задаётся двумя полями или ползунком, а дальше можно уточнить материал, этажность и число комнат. Дополнительные параметры вроде гаража или террасы учитываются только у тех домов, где эта характеристика действительно есть.

На компьютере фильтр расположен слева от карточек. На телефоне он открывается по кнопке и выезжает справа, так что на экране остаётся больше места для самих проектов. Кнопка «Показать» применяет выбранные условия, а «Сбросить» возвращает полный список.

Формы и управление сайтом

В формах заменил Google reCAPTCHA на Яндекс SmartCaptcha. Для старой версии «Битрикса» написал отдельный модуль, который подключает новую капчу к существующим формам. Галочки согласия теперь изначально пустые. Шрифты перенёс на сервер сайта, сохранив прежнее оформление.

Боковую кнопку «Задать вопрос» привёл к стилю сайта и связал с новой формой. На телефоне добавил кнопку закрытия, чтобы из формы можно было вернуться к каталогу.

Форма обратного звонка с Яндекс SmartCaptcha
Форма обратного звонка

Для сотрудников подготовил инструкцию на девять страниц со скриншотами. В ней показал, где добавить проект, как заполнить характеристики дома и какие данные оттуда попадут в карточку и фильтр.

Поддержи автора

Надеюсь, эта статья была для вас полезной и интересной. Если вы хотите, чтобы я создавал больше контента и делал это чаще, вы можете поддержать меня донатом. Благодарю вас за ваш вклад в творческий процесс!

Т-Банк (Тинькофф): 2200700867913161
Ozon Bank: 2204240107102131
Boosty: https://boosty.to/woronokin/donate