Разработали интерактивный раздел с точками продажи на карте

Если говорить о нашей компании, то для нас техническая поддержка сайта это не только и не столько отслеживание работоспособности и внесение правок, сколько и модернизация сайтов наших клиентов. Один наш очень хороший клиент, поставил перед нами задачу по реализации на сайте на базе CMS «1С Битрикс Управление сайтом» нового, очень важного для клиента раздела с указанием на интерактивной карте всех представительств и точек продажи. При этом были поставлены и дополнительные требования, такие как:

1 – Возможность фильтрации точек продажи на карте по их свойствам (способы оплаты, ассортимент)

2 – Создание и привязка для каждой из точек продажи отдельной страницы «подробнее, на которой можно было-бы увидеть подробную информацию, фото, контакты и карту проезда к данной конкретной точки продажи.

3 – Организация возможности предоставления представителям каждой точки продажи досьтупов к редактированию информации о своих точках продажи.

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

Создание интерактивной карты с точками продажи (представительствами) на базе 1С

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

1 – Настроили модуль позволяющий через свойства инфоблока выводить точки на карте. Реализовали, самостоятельно на основе API Яндекс возможность фильтрации точек продаж на карте, согласно наличию определенных свойств у каждой точки. В качестве модуля, нами был выбран модуль наших отечественных разработчиков «WhatAsoft: Яндекс.карта объектов инфоблока Big Data».

2 – Реализовали фильтр точек продажи на карте по их свойствам. Вывели добавленные свойства для каждой из точек продажи в виде разворачиваемых для фильтрации. В качестве свойств были добавлены такие свойства как способы оплаты и ассортимент.

3 – Привязали к каждой точке отдельную страницу с подробной информацией о каждой точке продажи.

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

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

6 – Вывели редактируемые карты на страницах о каждой точке подробней через Api Яндекс.

Работы сильно осложнялись кастомизацией сайта и не всегда корректной отработкой стандартного функционала самого Битрикс и модуля карт. Значительное время ушло на тестирование раздела в процессе работы.

7 – Добавили поиск Яндекса на карту, для более удобной навигации по регионам.

Страница подробнее о точки продажи.