Розробка store locator (карта магазинів/офісів) на 1С-Бітрікс
Ми часто стикаємося із завданням: клієнт просить додати на сайт карту з точками продажів, але стандартні інструменти Бітрікс не дозволяють реалізувати пошук за геолокацією, фільтрацію та кластеризацію. В результаті користувач вводить місто, а бачить список адрес без карти — поганий UX. Щоб вирішити цю проблему, ми розробляємо кастомний store locator на базі інфоблоків та картографічного API. Наш досвід — понад 10 років у Бітрікс-розробці, 100+ реалізованих проектів.
Користувач хоче швидко знайти найближчий магазин та побудувати маршрут. Без карти це неможливо. Ми створюємо компонент, який зберігає координати точок, виводить їх на карту з кластеризацією, дозволяє фільтрувати за типом та містом, а також визначає місцезнаходження користувача.
Як працює store locator на Бітрікс?
Кожна точка продажів — елемент інфоблоку. Ключові властивості — координати (LAT/LNG), адреса, телефон, режим роботи. Ми додаємо геокодування: при створенні точки координати автоматично підставляються через API Яндекс.Геокодера. Це виключає ручний ввід та помилки.
Чому важливо зберігати координати в інфоблоці?
Зберігання LAT/LNG в інфоблоці дозволяє виконувати просторові запити на стороні PHP — наприклад, пошук точок в радіусі від користувача. Без цього довелося б генерувати координати на льоту, що повільно та ненадійно. Інфоблоки v2.0 з числовими властивостями дають точність до 6 знаків — цього достатньо для визначення конкретної будівлі.
Зберігання даних про точки продажу
Мінімальний набір властивостей елемента інфоблоку:
| Властивість |
Тип |
Приклад |
| ADDRESS |
рядок |
"Київ, вул. Хрещатик, 1" |
| LAT |
число (з точністю 6) |
50.450001 |
| LNG |
число (з точністю 6) |
30.523333 |
| PHONE |
рядок або множинне |
"+380 (44) 123-45-67" |
| WORKING_HOURS |
рядок або JSON |
{"mon-fri":"9:00-20:00"} |
| POINT_TYPE |
список |
"Магазин", "ПВЗ", "Сервіс" |
| CITY_ID |
елемент інфоблоку міст |
ID міста |
| METRO |
рядок |
"Хрещатик" |
| PHOTO |
файл |
шлях до фото |
Координати отримуємо через геокодування при збереженні елемента. Приклад обробника події OnBeforeIBlockElementAdd:
AddEventHandler('iblock', 'OnBeforeIBlockElementAdd', 'geocodeStoreAddress');
function geocodeStoreAddress(&$arFields) {
if ($arFields['IBLOCK_ID'] !== IBLOCK_STORES_ID) return;
$address = urlencode($arFields['PROPERTIES']['ADDRESS']['VALUE']);
$http = new \Bitrix\Main\Web\HttpClient();
$response = $http->get("https://geocode-maps.yandex.ru/1.x/?apikey=KEY&format=json&geocode=$address");
$data = json_decode($response, true);
$coords = $data['response']['GeoObjectCollection']['featureMember'][0]['GeoObject']['Point']['pos'];
[$lng, $lat] = explode(' ', $coords);
$arFields['PROPERTIES']['LAT']['VALUE'] = $lat;
$arFields['PROPERTIES']['LNG']['VALUE'] = $lng;
}
Яндекс.Геокодер API використовується безкоштовно до 25 000 запитів на добу.
Вибір картографічного API
Порівняння популярних рішень:
| API |
Покриття |
Безкоштовний ліміт |
Особливості |
| Яндекс.Карти |
Росія, СНД |
1 000 запитів/добу |
пробки, маршрути, геолокація |
| 2GIS |
Росія, СНД |
до 100 000 завантажень/добу |
поетажні плани будівель |
| OpenStreetMap + Leaflet.js |
Весь світ |
без ліміту |
потрібен свій геокодер (Nominatim) |
Для російських проектів ми використовуємо Яндекс.Карти — детальне покриття та вбудована кластеризація. Кластеризація покращує продуктивність в 5 разів при 200+ точках.
Архітектура компонента
Компонент складається з PHP-бекенду та JS-фронтенду. Бекенд отримує список точок з інфоблоку, опціонально фільтрує за містом або радіусом. Дані передаються в JS через JSON в скрипті або через AJAX-endpoint.
$res = CIBlockElement::GetList(
[],
['IBLOCK_ID' => IBLOCK_STORES_ID, 'ACTIVE' => 'Y'],
false, false,
['ID', 'NAME', 'PROPERTY_LAT', 'PROPERTY_LNG', 'PROPERTY_ADDRESS',
'PROPERTY_PHONE', 'PROPERTY_WORKING_HOURS', 'PROPERTY_POINT_TYPE']
);
$points = [];
while ($el = $res->GetNext()) {
$points[] = [
'id' => $el['ID'],
'name' => $el['NAME'],
'lat' => (float)$el['PROPERTY_LAT_VALUE'],
'lng' => (float)$el['PROPERTY_LNG_VALUE'],
'address' => $el['PROPERTY_ADDRESS_VALUE'],
'phone' => $el['PROPERTY_PHONE_VALUE'],
'hours' => $el['PROPERTY_WORKING_HOURS_VALUE'],
'type' => $el['PROPERTY_POINT_TYPE_VALUE'],
];
}
Фронтенд ініціалізує карту, додає маркери з кластеризацією, реалізує пошук та фільтрацію. Кластеризація обов'язкова при 50+ точках — без неї карта гальмує.
// Яндекс.Карти API 3.0
const map = new ymaps3.YMap(document.getElementById('map'), {
location: { center: [37.617, 55.755], zoom: 10 }
});
const clusterer = new ymaps3.YMapClusterer({ ... });
Продуктивність при 500+ точках
При великій кількості точок весь масив в JS передавати неефективно. Рішення:
- Пагінований AJAX: завантажуємо точки в межах видимої області карти, підвантажуємо при переміщенні.
- Серверний пошук по радіусу: фільтрація в SQL через формулу гаверсинуса або PostGIS (якщо PostgreSQL).
- Кешування: список точок рідко змінюється, кешуємо на 1 годину в b_cache.
Формула гаверсинуса для SQL (MySQL)
SELECT *, (6371 * acos(cos(radians(:lat)) * cos(radians(lat)) * cos(radians(lng) - radians(:lng)) + sin(radians(:lat)) * sin(radians(lat)))) AS distance
FROM b_iblock_element_prop_...
HAVING distance < :radius
ORDER BY distance
Це працює для каталогів до 5000 точок без PostGIS.
Терміни та вартість
| Масштаб |
Що входить |
Термін |
| До 50 точок |
Карта + список + фільтр по місту |
1–2 тижні |
| 50–300 точок |
+ кластери, геолокація, пошук поруч |
2–4 тижні |
| 300+ точок |
+ серверний пошук по радіусу, PostGIS |
4–6 тижнів |
Вартість розраховується індивідуально та залежить від складності.
Що входить у роботу
- Розробка компонента та шаблону
- Інтеграція з картографічним API (Яндекс.Карти, 2GIS або OpenStreetMap)
- Геокодування адрес при додаванні точок
- Налаштування пошуку за геолокацією та фільтрації
- Кластеризація маркерів
- Бічна панель зі списком точок (синхронізація з картою)
- Тестування та оптимізація продуктивності
- Передача документації та доступів
- Навчання адміністраторів
- Гарантійна підтримка 1 місяць
Наш досвід та гарантії
Ми сертифіковані спеціалісти 1С-Бітрікс з досвідом понад 10 років. Реалізували 100+ проектів, включаючи store locator для федеральних мереж. Гарантуємо роботу за договором та дотримання термінів. Зв'яжіться з нами для консультації по вашому проекту.
Розробка та налаштування модулів 1С-Бітрікс
Головна пастка Бітрікса — init.php. Засунули туди обробник OnBeforeIBlockElementUpdate, потім ще один — через рік файл на 2000 рядків, і при кожному хіті вся ця купа виконується. Ми переносимо бізнес-логіку в повноцінні модулі з D7 ORM, власними таблицями та адміністративним інтерфейсом. Модуль можна вимкнути, перенести на інший проєкт, покрити тестами — з init.php нічого з цього не вийде. Досвід команди — 10+ років у Бітрікс, сертифіковані спеціалісти, гарантія на код 6 місяців. Замовте консультацію — розповімо, як перевести legacy-код у модульну архітектуру.
Як модульна архітектура підвищує продуктивність?
Чому init.php — найгірше місце для бізнес-логіки?
Init.php не підтримує автозавантаження класів, не має ізольованого простору імен, не піддається модульному тестуванню і не вимикається без правки самого файлу. Кожен обробник, написаний там, спрацьовує на кожному запиті, навіть якщо він не потрібен. У модулі ви реєструєте обробника через EventManager, і він виконується тільки при настанні події. Різниця в продуктивності — до 3 разів при 10+ обробниках.
Стандартні модулі: типові проблеми та рішення
Інформаційні блоки. Архітектура ІБ — перше, що ми рев'юїмо на будь-якому проєкті. Класична помилка: один інфоблок каталогу з 80 властивостями, з яких 30 — множинні. Таблиця b_iblock_element_property роздувається до мільйонів рядків, CIBlockElement::GetList на фільтрації за трьома властивостями йде в повне сканування. Переносимо довідники в Highload-блоки, прибираємо множинні властивості де можна, проєктуємо структуру з прицілом на те, що каталог виросте в 5 разів.
Інтернет-магазин (sale). Бізнес-правила кошика — окрема історія. Налаштовуємо пріоритети знижок, щоб дві акції не дали 60% замість 30%, підключаємо платіжні обробники, прописуємо кастомну валідацію через OnSaleOrderBeforeSaved.
Пошук. Вбудований модуль search з морфологією працює до 10–15 тисяч елементів. Далі — Elasticsearch. Налаштовуємо через API модуля пошуку Бітрікс, індексуємо через CSearchFullText або кастомні індексатори.
Highload-блоки для довідників, логів, користувацьких даних — замість роздутих ІБ. Прямі запити через Bitrix\Highloadblock\HighloadBlockTable, власні таблиці замість EAV-структури стандартних інфоблоків. Мільйон записів — без деградації.
Поштові події. Налаштування — не лише шаблони в b_event_message. Головне — SPF, DKIM, DMARC на DNS, інакше транзакційні листи летять у спам. Перевіряємо доставність, налаштовуємо bounce-обробку.
Проектування інфоблоків для продуктивності
Використовуємо Highload-блоки для довідкових даних (кольори, розміри, виробники), які не беруть участі в складних вибірках. Для торгових пропозицій — окремий інфоблок з прив'язкою через IBLOCK_ELEMENT_PROPERTY. Увімкнемо INDEX_PROPERTY для часто фільтрованих властивостей. Кешування теговане: при зміні елемента скидається лише пов'язаний кеш. Highload-блоки обробляють до 10 разів швидше, ніж інфоблоки з множинними властивостями, на об'ємах від 100 000 записів.
Розробка кастомних модулів
Кожен модуль — за структурою /local/modules/vendor.modulename/:
-
install/index.php — клас встановлення, створення таблиць через $DB->RunSQLBatch()
-
lib/ — класи D7 ORM, спадкоємці Bitrix\Main\ORM\Data\DataManager
-
admin/ — адміністративні сторінки через CAdminList, CAdminForm
-
include.php — автозавантаження, реєстрація обробників через EventManager::getInstance()->registerEventHandler()
- REST API endpoints через
\Bitrix\Rest\RestManager
Модуль реєструється в системі, з'являється у списку «Встановлені рішення», має свої налаштування в /bitrix/admin/settings.php?mid=vendor.modulename. Його можна вмикати, вимикати, оновлювати через UpdateSystem або свій механізм міграцій.
Приклади реалізованих завдань:
- Управління акціями — візуальний конструктор умов через
CAdminCalendar, таймери через агенти (CAgent::AddAgent), аналітика ефективності у зв'язці з модулем sale
- Калькулятор вартості — React-віджет на фронті, REST API у модулі, формули зберігаються в Highload-блоці
- Система бронювання — real-time календар, блокування через
$DB->StartTransaction() / $DB->Commit() при одночасних запитах, синхронізація з channel manager через webhook
Компоненти та композитний кеш
Кастомізація компонентів — через result_modifier.php і component_epilog.php, не через правку template.php стандартного шаблону. Так ядро оновлюється безболісно.
Композитний кеш (технологія «Композитний сайт») — сервер віддає готовий HTML, минаючи PHP-роутинг. Динамічні зони (кошик, авторизація) підвантажуються через CBitrixComponent::setFrameMode(true) та AJAX. TTFB падає до 30–50 мс. Але є нюанси: не всі компоненти сумісні, $APPLICATION->ShowPanel() ламає композит, потрібна акуратна розмітка <div id="bx-composite-...">.
Маркетплейс: аудит перед встановленням
Перед встановленням модуля з маркетплейсу — обов'язковий аудит. Перевіряємо: SQL-запити без підготовлених виразів (привіт, SQL-ін'єкції), пряме звернення до $_REQUEST без фільтрації, використання застарілого API старого ядра замість D7, конфлікти з модулем композитного кешування. Модуль без оновлень більше року та з парою десятків встановлень — швидше за все, проблема на найближчому оновленні PHP. Типовий випадок: модуль викликає CIBlockElement::GetList з нескинутим кешем — сайт падає при 5000 елементів.
Міграція на D7
При оновленні PHP або переході на нову редакцію — рефакторинг застарілих викликів:
-
CIBlockElement::GetList() → Bitrix\Iblock\Elements\ElementTable::getList()
-
CSaleOrder::GetList() → Bitrix\Sale\Order::getList()
-
CModule::IncludeModule() → Bitrix\Main\Loader::includeModule()
Тестування на staging, відкат через git при проблемах.
Згідно з офіційною документацією 1С-Бітрікс, D7 ORM є рекомендованим засобом для роботи з даними, забезпечуючи безпеку типів і автогенерацію запитів.
Порівняння підходів: Init.php vs Модуль
| Критерій |
Init.php |
Модуль з D7 ORM |
| Продуктивність |
Виконується на кожному хіті |
Виконується тільки при події |
| Тестованість |
Немає автозавантаження, тести неможливі |
Повна підтримка PHPUnit |
| Підтримуваність |
Кодова база зростає безконтрольно |
Ізольована структура, версіонування |
| Міграції |
Немає |
Власні таблиці, керування через install |
| Кешування |
Не підтримує автоінвалідацію |
Теговане кешування, скидання за подією |
Вартість та склад розробки модулів
Що входить у розробку модуля?
- Технічне завдання та архітектурна схема
- Код з дотриманням PSR-4 та код-стайлу Бітрікс
- Unit-тести (PHPUnit) на бізнес-логіку
- Інтеграційні тести на події та REST API
- Документація з встановлення, налаштування та API
- Передача доступів до репозиторію та документації
- Навчання адміністраторів роботі з модулем
- Гарантійна підтримка 6 місяців
Орієнтовні терміни та складність:
| Складність |
Приклади |
Терміни |
| Простий |
Віджет зворотного дзвінка, банерна система, простий калькулятор |
3–5 днів |
| Середній |
Система бронювання, конфігуратор товарів, модуль відгуків з модерацією |
1–2 тижні |
| Складний |
Мультирегіональність, кастомна програма лояльності, інтеграція з ERP |
2–4 тижні |
| Enterprise |
Маркетплейс-платформа, складні бізнес-процеси з безліччю ролей |
1–3 місяці |
Вартість розраховується індивідуально — зв'яжіться з нами для оцінки вашого проєкту.
Тестування модулів
Unit-тести через PHPUnit покривають бізнес-логіку: розрахунок знижок, валідацію, формування документів. Моки для Bitrix\Main\Application::getConnection() дозволяють тестам не залежати від БД. Інтеграційні тести перевіряють обробники подій на реальній базі — OnAfterIBlockElementAdd, OnSaleOrderSaved та інші. REST API endpoints тестуємо через curl або PHPUnit HTTP-клієнт. Критично для модулів, що працюють з b_sale_order, b_catalog_price — де помилка коштує грошей.
Сумісність перевіряється на PHP 7.4, 8.0, 8.1, 8.2 та редакціях: Стандарт, Малий бізнес, Бізнес. Перевіряємо конфлікти з популярними модулями маркетплейсу — вони люблять перехоплювати ті самі події. Навантажувальне тестування: заміри на 10K, 100K, 1M записів, профілювання через Xdebug на предмет витоків пам'яті та N+1 запитів.
Приклади з практики
Модуль акцій для мережі електроніки. Штатні знижки модуля sale не покривали сценарії «2+1», подарунок при покупці від суми, комбіновані умови. Зібрали візуальний конструктор: маркетолог створює правила через drag-and-drop, без тікетів у розробку. Календар акцій, автодеактивація через агенти, аналітика у прив'язці до b_sale_order — конверсія, середній чек, кількість застосувань. Час запуску нової акції впав з двох днів до півгодини.
Калькулятор для будівельників. Параметри (площа, матеріали, поверховість) → формула → попередній кошторис → заявка в CRM через CRest::call('crm.lead.add'). Регіональні коефіцієнти та сезонні націнки — з Highload-блоку, ціни матеріалів — з обміну з 1С. Кількість цільових заявок зросла на третину: клієнти бачать розбивку за статтями до дзвінка менеджеру.
Бронювання для мережі готелів. Real-time доступність через AJAX-запити до кастомної таблиці vendor_booking_slots, розрахунок тарифів за сезоном, синхронізація з Booking.com через channel manager API. Блокування номера при одночасному бронюванні — через SELECT ... FOR UPDATE у транзакції. Таймзони обробляються через \DateTimeZone — гість із Владивостока та менеджер із Москви бачать одну картину.
Оцінимо проєкт за 1 день. Пишіть — розповімо, що входить у розробку під ключ. Зв'яжіться з нами для консультації за вашим проєктом. Замовте розробку модуля під ключ — отримайте готове рішення з документацією та підтримкою.