Розробка модуля багаторівневого меню для 1С-Бітрікс

Наша компанія займається розробкою, підтримкою та обслуговуванням рішень на Бітрікс та Бітрікс24 будь-якої складності. Від простих односторінкових сайтів до складних інтернет-магазинів, CRM систем з інтеграцією 1С та телефонії. Досвід розробників підтверджено сертифікатами від вендора.
Послуги, які ми пропонуємо
Показано 1 з 1Усі 1626 послуг
Розробка модуля багаторівневого меню для 1С-Бітрікс
Середній
~1-2 тижні
Часті запитання

Наші компетенції:

Етапи розробки

Останні роботи

  • image_website-b2b-advance_0.webp
    Розробка сайту компанії B2B ADVANCE
    1357
  • image_bitrix-bitrix-24-1c_fixper_448_0.webp
    Розробка веб-сайту для компанії ФІКСПЕР
    943
  • image_bitrix-bitrix-24-1c_development_of_an_online_appointment_booking_widget_for_a_medical_center_594_0.webp
    Розробка на базі Бітрікс, Бітрікс24, 1С для компанії Development of an Online
    693
  • image_bitrix-bitrix-24-1c_mirsanbel_458_0.webp
    Розробка на базі 1С Підприємство для компанії МИРСАНБЕЛ
    829
  • image_crm_dolbimby_434_0.webp
    Розробка сайту на CRM Бітрікс24 для компанії DOLBIMBY
    731
  • image_crm_technotorgcomplex_453_0.webp
    Розробка на базі Бітрікс24 для компанії ТЕХНОТОРГКОМПЛЕКС
    1074

Проблеми стандартних меню та наше рішення

Стандартний компонент bitrix:menu генерує меню з файлів .menu.php або структури сайту. Для простих сайтів цього достатньо, але коли в каталозі тисячі товарів і потрібно керувати мегаменю з картинками, банерами, колонками — починаються гальма. Ми розробили модуль, який вирішує ці проблеми: дає гнучке керування через інтерфейс з кешуванням і повною підтримкою мегаменю. Модуль підходить для проєктів з будь-яким обсягом пунктів — перевірено на каталогах до 10 000 позицій.

Чому стандартний bitrix:menu не справляється з великими каталогами?

Одна з головних проблем — відсутність тегованого кешування. Кожен запит перебудовує дерево з файлів, а при динамічному додаванні пунктів через адміністративний інтерфейс — неможливо. Наш модуль зберігає все в базі даних і кешує дерево з тегом, інвалідація відбувається при будь-якій зміні. Це дає виграш у швидкості в 10–50 разів порівняно з розбором файлів.

Як ми реалізували масштабовану модель даних?

Ми використали ORM Бітрікс (таблиці b_vendor_menu_*) з adjacency list для зберігання ієрархії. Чому adjacency list, а не nested sets? Для меню з частими змінами структури (додавання, видалення, переміщення) adjacency list швидше на запис, а читання з кешем нівелює різницю.

Модель даних

Модуль vendor.megamenu:

  • b_vendor_menu_config — конфігурації меню: id, code, name, site_id, lang, is_active
  • b_vendor_menu_item — пункти меню: id, menu_id, parent_id, sort, title, url, url_type (absolute/relative/component), target, icon_id, image_id, css_class, visibility (all/authorized/unauthorized), condition (JSON), is_active
  • b_vendor_menu_column — колонки мегаменю для пункту другого рівня: id, item_id, title, sort, items (JSON — посилання без окремих записів)
  • b_vendor_menu_banner — банери в мегаменю: id, item_id, image_id, url, title, sort

Дерево пунктів меню

Пункти зберігаються в adjacency list (parent_id). Для побудови дерева використовується ітеративний обхід, щоб уникнути рекурсії в PHP:

class MenuTreeBuilder
{
    public function build(int $menuId): array
    {
        $items = MenuItemTable::getList([
            'filter' => ['MENU_ID' => $menuId, 'IS_ACTIVE' => 'Y'],
            'order'  => ['PARENT_ID' => 'ASC', 'SORT' => 'ASC'],
        ])->fetchAll();

        $tree  = [];
        $index = [];

        foreach ($items as $item) {
            $item['children'] = [];
            $index[$item['ID']] = &$item;
        }

        foreach ($index as &$item) {
            if ($item['PARENT_ID']) {
                $index[$item['PARENT_ID']]['children'][] = &$item;
            } else {
                $tree[] = &$item;
            }
        }

        return $tree;
    }
}

Дерево кешується цілком тегом menu_{code}_{lang}. Інвалідація — при будь-якій зміні пункту або банера цього меню.

Видимість пунктів

Умови видимості пункту меню:

  • visibility = 'authorized' — пункт прихований для гостей
  • visibility = 'unauthorized' — пункт прихований для залогінених користувачів
  • condition (JSON) — довільні умови: групи користувачів, регіон, параметри запиту
class VisibilityChecker
{
    public function isVisible(array $item): bool
    {
        global $USER;

        if ($item['VISIBILITY'] === 'authorized' && !$USER->IsAuthorized()) return false;
        if ($item['VISIBILITY'] === 'unauthorized' && $USER->IsAuthorized()) return false;

        $condition = $item['CONDITION'] ?? [];
        if (!empty($condition['user_groups'])) {
            $userGroups = $USER->GetUserGroupArray();
            if (!array_intersect($condition['user_groups'], $userGroups)) return false;
        }

        return true;
    }
}

Умови видимості застосовуються вже після отримання кешованого дерева — кеш зберігає повне дерево, фільтрація відбувається в пам'яті.

Мегаменю з колонками та банерами

Для пунктів верхнього рівня можна налаштувати мегаменю-дропдаун з колонками:

[Каталог]
├─ Колонка 1: Електроніка
│   ├─ Смартфони
│   ├─ Ноутбуки
│   └─ Планшети
├─ Колонка 2: Побутова техніка
│   ├─ Холодильники
│   └─ Пральні машини
└─ Банер: [Акції тижня → /sale/]

Колонки зберігаються в b_vendor_menu_column, банери — в b_vendor_menu_banner. Компонент генерує HTML-структуру мегаменю, стилізація — через CSS Grid.

Drag-and-drop інтерфейс

Адміністративний інтерфейс побудований на бібліотеці Sortable.js. Пункти перетягуються в потрібну позицію і в потрібний батьківський елемент. При перетягуванні AJAX-запит оновлює sort і parent_id однією транзакцією.

Активний пункт

Активний пункт меню визначається за поточним URL:

// Точний збіг URL або збіг початку шляху
function isActive(array $item, string $currentUrl): bool
{
    if ($item['URL'] === $currentUrl) return true;
    if ($item['URL_TYPE'] === 'section' && str_starts_with($currentUrl, $item['URL'])) return true;
    return false;
}

Активний пункт і всі його предки отримують CSS-клас active.

Порівняння зі стандартним компонентом

Критерій Стандартний bitrix:menu Наш модуль
Керування з адмінки Тільки через файли Через візуальний drag-and-drop
Мегаменю Вимагає ручного розмічання Вбудовані колонки та банери
Кешування Файлове, без тегів Теговане, інвалідація за подіями
Видимість за групами Тільки через умову у файлі Інтерфейс + довільні умови
Термін впровадження 2-3 дні на налаштування 10 днів під ключ

Процес роботи

Ми проходимо всі етапи від аналізу до впровадження:

  1. Аналітика — вивчаємо структуру каталогу, вимоги до видимості, інтеграції.
  2. Проєктування — схеми БД, прототип дерева, погодження з замовником.
  3. Розробка — створення ORM-модуля, компонентів, інтерфейсу адмінки.
  4. Тестування — перевірка на реальних даних, навантажувальне тестування.
  5. Впровадження — встановлення на бойовому сайті, налаштування кешування, навчання контент-менеджерів.

Що ви отримуєте в результаті?

  • Модуль з ORM-таблицями, компонентом для виведення меню, адміністративним інтерфейсом.
  • Документація з налаштування та використання.
  • Вихідні коди в репозиторії.
  • Технічна підтримка протягом 30 днів після запуску.

Терміни розробки

Етап Термін
ORM-таблиці, модель дерева 1 день
Побудова дерева, кешування 1 день
Умови видимості пунктів 1 день
Мегаменю: колонки, банери 2 дні
Drag-and-drop інтерфейс 2 дні
Компоненти для сайту (HTML + CSS) 2 дні
Тестування 1 день

Разом: від 10 до 15 робочих днів залежно від складності.

Оптимізація швидкості менюДля прискорення завантаження використовуйте теговане кешування: компонент кешується на 3600 секунд з тегом `menu_{code}`. При будь-якій зміні пункту або банера кеш скидається автоматично через агент. Для великих каталогів (10 000+) рекомендуємо увімкнути композитний кеш Бітрікс та налаштувати відкладене завантаження меню через `Bitrix\Main\Page\FrameStatic`.

Підхід adjacency list описаний у статті Список суміжності. Стилізація мегаменю виконується за допомогою CSS Grid.

Наш досвід розробки модулів Бітрікс — понад 7 років. Виконали 50+ проєктів зі створення кастомних рішень. Гарантуємо дотримання термінів та якість. Зв'яжіться з нами для оцінки вашого завдання за один день — ми підготуємо оптимальне рішення. Отримайте консультацію з проєкту: просто напишіть нам, і ми обговоримо деталі.

Розробка та налаштування модулів 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 день. Пишіть — розповімо, що входить у розробку під ключ. Зв'яжіться з нами для консультації за вашим проєктом. Замовте розробку модуля під ключ — отримайте готове рішення з документацією та підтримкою.