Адаптировать дизайн под мобильную версию

Синим цветом выделены задачи с меньшим приоритетом, которые можно сделать вторым этапом.

Адаптировать дизайн под мобильную версию.

Новые поля:

Объект «Объект»:

Район (string) – район расположения объекта. Выбор из списка. Список предоставим. Округ (string) – округ объекта. Выбор из списка. Список предоставим. Метро ([]string) – ближайшее к объекту метро. Множественный выбор из списка. В списке все станции московского метро. Категория переименовать в Тип дома (string) – тип дома. Выбор из списка. В списке значения: Новостройка, Сталинский, Дореволюционный, Панельный, Кирпичный, Монолитно-кирпичный. По умолчанию заполнено значение Новостройка. Координаты (string) – координаты объекта. На первом этапе заполняются вручную, в дальнейшем – по логике, описанной ниже.

При вводе адреса объекта в поле «Адрес» необходимо, чтобы адрес синхронизировался с яндекс. картами и значение поля адреса бралось оттуда. При выборе адреса поля Район, Округ и Метро заполняются автоматически, с возможностью дальнейшего их изменения. Также сохраняется и поле Координаты, но редактировать вручную их нельзя.

Объект «Квартира»:

Фотографии квартиры ([]Картинка) – картинки с изображением квартиры. Цена по запросу (bool) – по умолчанию false. Вторичка (bool) – по умолчанию false. Sale (bool) – по умолчанию false.

ТЗ Интеллектуальный поиск

Интеллектуальный поисковик должен быть расположен в центре верхнего меню. В поле ввода текста должна отображаться подсказка: Поиск по ЖК, адресу, району, метро и тд. (см картинку 1)

картинка 1

При вводе значения в поисковике должны во всплывающей подсказке автоматически подставляться значения из списка ниже. При выборе значения из подсказки происходит переход на страницу результатов поиска (ТЗ ниже). Если в подсказке выбрали Объект, то происходит переход на страницу или лендинг Объекта.

Поиск должен проходить по следующим параметрам:

Название ЖК (свойство объекта)

Адрес ЖК (свойство объекта)

Район (свойство объекта)

Округ (свойство объекта)

Метро (свойство объекта)

Тип дома (свойство объекта)

Квартира (свойство квартиры)

Студия (свойство квартиры)

Двухуровневая Квартира (свойство квартиры)

Пентхаус (свойство квартиры)

Таунхаус (свойство квартиры)

Апартаменты (свойство квартиры)

Балкон (свойство квартиры)

Терраса (свойство квартиры)

Камин (свойство квартиры)

Патио (свойство квартиры)

С отделкой  (свойство квартиры)

Без отделки  (свойство квартиры)

Вторичка (свойство квартиры)

Sale (свойство квартиры)

Пример такого поисковика можно посмотреть на сайте gethome. ru

Добавить возможность вводить в панели администратора дополнительные параметры для поиска с указанием вводимого в поисковике текста и адресом страницы для перехода.

ТЗ поисковик (расширенный поиск)

За основу берем поисковик Gethomа https://gethome. ru/. (немного добавляем свое)

На главной странице поисковик должен выглядеть как на картинке 1 (фото+иконки)

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

картинка 1

Сделать возможность администратору настраивать картинку и текст на ней.

На странице результат поиска поисковик без картинки (только иконки)

Сделать возможность администратору настраивать цветовые схемы поисковика.

На поисковике должны быть следующие кнопки:

1. р и $

Выбираем или доллары или рубли.

2. стоимость, р/ стоимость, $.

0-500 тыс, 500 тыс-1млн....(для долларов) итд см. картинку 1 ниже

0-30 млн, 30-50 млн,......(для рублей)  итд  см. картирнку 2

Правила расчета стоимости: если стоимость выбрана в валюте, отличающейся от валюты, заполненной в объекте «Квартира» в поле «Валюта», то происходит конвертация стоимости на основании текущего курса валют.

3. площадь, м2

0-50, 50-75.... итд как на картинке.

4. комнаты

1, 2, 3, 4, 5, 6+

5. спальни

1, 2, 3, 4, 5, 6+ ( как на картинке)

6. район и метро

В центре фраза : Выбрать расположение (как на картинке).

Под этой фразой три кнопки по центру: Районы, Округа, Метро.

Под ними: слева карта,  справа перечень.

Ниже слева кнопка Сбросить все и по центру кнопка Применить.

Кнопка Районы

(название районов как на картинке)

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

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

Ниже две кнопки: слева Сбросить все и по центру Применить.

Кнопка Округа

(название округов как на картинке).

Слева карта, как на картинке (районы), с возможностью подвести  к округу и его выделить. Возможно отметить на карте несколько округов. Так же при выборе на карте идет автоматическая отметка галкой округа справа (в перечне).

Справа перечень  округов, как на картинке. Можно выбрать несколько одновременно.

Ниже две кнопки: слева Сбросить все и по центру Применить.

Кнопка Метро

По центру три кнопки Кольцевая, Внутри кольца, Все станции МЦК. При отметке кнопки галкой, ниже на карте отмечается автоматически станции метро.

Ниже карта метро.

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

Ниже две кнопки: слева Сбросить все и по центру Применить.

7. отделка

с отделкой, без отделки. (свойство "Квартира")

8. категории

новостройки (свойство "Обьекта")

вторичка (свойство "Квартира")

9. Вид помещения

Квартиры, студия, пентхаус… (все значения из поля «Вид помещения» объекта «Квартира»).

10. Статус

Квартира, апартаменты  (свойство "Квартира")

11. Поиск интеллектуальный

В эту строку вводится то же самое, что и в ТЗ интеллектуальный поиск (см. выше)

12. очистить все.

13. показать.

ТЗ Результат поиска

Блоки, отображаемые на странице:

1. Поисковик с уже сохраненными (выбранными) параметрами поиска (образец поисковика см. ТЗ поисковик)

2. Список найденных значений.

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

Элемент группировки представляет из себя горизонтальный блок, состоящий из двух блоков.

Левый блок занимает 25% ширины основного блока и включает в себя (см. картинку 1):

- картинки Объекта (четыре картинки из поля gallery объекта «Объект», при наведении картинки переключаются). образец https://kf. expert/gorod/zhilye-kompleksy

картинка 1

Правый блок включает

- название обьекта (обьект "Обьект"),

- ниже метро, район, адрес обьекта (свойство "Обьект"),

- ниже таблица с перечнем Квартир (обьект "Квартира").

Таблица состоит из 5 столбцов с значениями:

- статус (свойство "Квартира")

- метраж (свойство "Квартира")

- количество спален (свойство "Квартира")

- этаж (свойство "Квартира")

- цена (свойство "Квартира")

- в правом верхнем углу кнопка «Узнать подробнее». (Сделать возможность администратору настраивать цвет кнопки)

Результат нажатия кнопки «Узнать подробнее» – переход на лендинг или страницу объекта.

Результат нажатия ссылки "название обьекта" – переход на лендинг или страницу объекта.

Результат нажатия Картинки – переход на лендинг или страницу объекта.

Результат нажатия ссылки метро - переход на страницу с результатами поиска по метро.

Результат нажатия ссылки район - переход на страницу с результатами поиска по району.

Результат нажатия на одну из строк в таблице – открытие окна, на котором отображаются все Свойства квартиры (уже реализован в старом поисковике, слегка доработать):

- Вид помещения

- статус

-площадь

- цена (если у квартиры установлен признак «Цена по запросу», то отображать текст «Цена по запросу»)

- валюта

-количество комнат

-количество спален

- балкон, лоджия, терраса, камин, патио, отделка.

- убрать из отображения кровлю

- фото планировки, фото расположения, фото квартиры

- этаж

3. карта с отметкой найденных Объектов.

Координаты объектов берутся из поля «Координаты» Объекта. У указателя метки название берется из поля «Название» Объекта. При наведении на метку отображается расширенная информация по объекту (картинка, описание).

Шорткод

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

ТЗ Старый поисковик

У старого поисковика оставить текущее расположение кнопок и ползунков, а также сделать возможность выбора в админке компактного варианта, когда кнопки и ползунки располагаются над таблицей результатов в компактном виде в две строки.