Изменение меню в 1С-Битрикс: 5 способов от простого к сложному

Меню на сайте — это как вывеска для магазина: если оно непонятное или неудобное, посетители просто уйдут к конкурентам. В 1С-Битрикс изменить структуру навигации можно десятком способов, но большинство администраторов ограничиваются базовыми настройками визуального редактора. Между тем, даже стандартные инструменты системы позволяют создавать многоуровневые меню с динамическими ссылками, иконками и выпадающими блоками — без единой строки кода.

Эта статья поможет разобраться, как редактировать меню в 1С-Битрикс на любом уровне сложности: от простого перетаскивания пунктов в админке до программной генерации навигации через API. Мы рассмотрим все актуальные методы с учетом последних обновлений платформы (включая изменения в интерфейсе управления после релиза Битрикс24.Site). Особое внимание уделим типичным ошибкам, которые ломают отображение меню на мобильных устройствах, и способам их исправления.

1. Базовое редактирование меню через визуальный редактор

Начнем с самого простого — встроенного инструмента Меню в административной панели. Этот способ подходит для 90% задач: добавления/удаления пунктов, изменения порядка, редактирования ссылок и названий. Чтобы открыть редактор:

1. Перейдите в Контент → Структура сайта → Меню (или Контент → Меню в новых версиях).
2. Выберите тип меню (обычно Верхнее меню или Левое меню).
3. Нажмите Изменить рядом с нужным меню.

В открывшемся интерфейсе вы увидите древовидную структуру пунктов. Здесь можно:

• 📍 Перетаскивать пункты мышью для изменения порядка (включая вложенные уровни).
• ➕ Добавлять новые элементы кнопкой Добавить пункт.
• ✏️ Редактировать название, ссылку и параметры каждого пункта (наведите на строку и нажмите на иконку карандаша).
• 🗑️ Удалять ненужные элементы (крестик справа).

Важный нюанс: если вы изменяете системное меню (например, top или left), которое используется в шаблоне по умолчанию, изменения применятся сразу на всех страницах. Для тестирования лучше создать копию меню через кнопку Добавить меню и работать с ней.

2. Динамические меню: привязка к разделам и фильтрам

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

• 📂 Разделам инфоблоков (например, автоматически отображать все категории каталога).
• 🔍 Фильтрам (показывать пункты только для определенных групп пользователей).
• 📊 Умным фильтрам (для интернет-магазинов — меню с популярными брендами или ценами).

Чтобы создать динамический пункт:

1. В редакторе меню нажмите Добавить пункт.
2. В поле Ссылка выберите тип Раздел инфоблока или Фильтр.
3. Укажите ID инфоблока или настройте условия фильтрации (например, ACTIVE=Y для активных элементов).
4. Включите опцию Динамический — это позволит меню обновляться автоматически при добавлении новых разделов.

Для интернет-магазинов особенно полезна привязка к торговым каталогам. Например, можно создать меню, которое будет показывать только те категории, где есть товары в наличии. Для этого в настройках пункта укажите:

CATALOG_AVAILABLE=Y&SECTION_GLOBAL_ACTIVE=Y

3. Кастомизация внешнего вида меню через шаблоны

Если стандартное оформление меню в 1С-Битрикс вас не устраивает, можно изменить его через шаблоны компонентов. Для этого:

1. Перейдите в Контент → Структура сайта → Шаблоны сайта.
2. Выберите шаблон, в котором используется ваше меню (обычно header или footer).
3. Найдите вызов компонента меню — он выглядит как:

   <?$APPLICATION->IncludeComponent(
   "bitrix:menu",
   "top",
   Array(
   "ROOT_MENU_TYPE" => "top",
   "MAX_LEVEL" => "2",
   "CHILD_MENU_TYPE" => "left",
   "USE_EXT" => "Y"
   )
   );?>

4. Скопируйте шаблон компонента (/bitrix/components/bitrix/menu/templates/.default/) в свой шаблон сайта (/local/templates/[VAШ_ШАБЛОН]/components/bitrix/menu/top/) и редактируйте HTML/CSS.

Вот основные файлы для кастомизации:

Критическая ошибка многих верстальщиков: они редактируют файлы прямо в папке /bitrix/, а не копируют их в /local/. При следующем обновлении Битрикса все изменения будут потеряны!

<iPARAMS"]["ICON"]?>"></i> <?=$arItem["TEXT"]?>

4. Мобильное меню: адаптация и «гамбургер»

Более 60% трафика большинства сайтов приходится на мобильные устройства, поэтому адаптивность меню — не роскошь, а необходимость. В 1С-Битрикс есть два основных подхода:

Способ 1: CSS-медиазапросы

Добавьте в style.css вашего шаблона меню следующие правила:

@media (max-width: 768px) {
.menu-top > ul {
display: none;
}
.menu-top.active > ul {
display: block;
}
.menu-toggle {
display: block; / Кнопка "гамбургер" /
}
}

Способ 2: Готовые компоненты

Используйте компонент bitrix:menu с шаблоном mobile (есть в последних версиях Битрикса) или установите решение из Маркетплейса, например:

• 📱 Адаптивное меню для Битрикс (от Webdebug).
• 🍔 Mobile Menu Pro (с поддержкой мегаменю).
• ⚡ Fast Mobile Menu (оптимизировано для скорости загрузки).

✅ Меню скрывается за кнопкой "гамбургер" на экранах <768px

✅ Все уровни вложенности доступны после клика

✅ Шрифт читабелен без масштабирования

✅ Нет горизонтальной прокрутки

✅ Скорость открытия меню <0.3 секунды

-->

⚠️ Внимание: Если вы используете кэширование компонента меню ("CACHE_TYPE" => "A"), после изменений в шаблоне не забудьте очистить кэш через Настройки → Производительность → Очистить кэш. Иначе мобильные пользователи будут видеть старую версию меню.

5. Программное изменение меню через API

Для сложных проектов, где меню генерируется динамически (например, на основе прав пользователя или геолокации), пригодится API Битрикса. Основные методы:

Добавление пункта через PHP:

<?php
$arMenu = array(
array(
"Текст пункта",
"/novaya-ssylka/",
array(),
array(),
""
)
);
$APPLICATION->IncludeComponent(
"bitrix:menu",
"top",
array(
"ROOT_MENU_TYPE" => "top",
"MENU_CACHE_TYPE" => "N", // Отключаем кэш для динамического меню
"MENU_CACHE_TIME" => "3600",
"MENU_CACHE_USE_GROUPS" => "Y",
"MENU_CACHE_GET_VARS" => array(),
"MAX_LEVEL" => "3",
"CHILD_MENU_TYPE" => "left",
"USE_EXT" => "Y",
"DELAY" => "N",
"ALLOW_MULTI_SELECT" => "N",
        "ADDITIONAL_MENU" => $arMenu // Добавляем наш пункт
)
);?>

Изменение меню через события:

Создайте файл /local/php_interface/init.php и добавьте обработчик:

<?php
AddEventHandler("main", "OnBuildGlobalMenu", "ChangeMainMenu");
function ChangeMainMenu(&$arGlobalMenu, &$arModuleMenu) {
// Удаляем пункт "Маркетплейс" из главного меню админки
unset($arGlobalMenu["global_menu_marketplace"]);

// Добавляем свой раздел
$arGlobalMenu["global_menu_custom"] = array(
"menu_id" => "custom",
"text" => "Мой раздел",
"title" => "Кастомные настройки",
"sort" => 50,
"items_id" => "menu_custom",
"items" => array()
);
}
?>

⚠️ Внимание: При работе с API меню в 1С-Битрикс легко нарушить целостность структуры. Всегда проверяйте результат на тестовом поддомене перед применением на продакшене. Особенно осторожно используйте функции unset() — они могут удалить критические системные пункты.

6. Типичные ошибки и их исправление

Даже опытные разработчики сталкиваются с проблемами при работе с меню в 1С-Битрикс. Вот самые распространенные:

Если после изменений меню «сломалось» визуально, используйте инструменты разработчика в браузере (F12), чтобы найти:

• 🔴 Ошибки консоли (например, Uncaught TypeError: $ is not a function — значит не подключен jQuery).
• 🟡 Предупреждения CSS (неверные селекторы или переопределенные стили).
• 🟢 Некорректную HTML-структуру (например, лишние закрывающие теги </ul>).

FAQ: Ответы на частые вопросы

"MENU_CACHE_USE_GROUPS" => "Y",
"MENU_CACHE_GET_VARS" => array("LOGIN", "GROUPS")

<?php
foreach ($arResult as $key => $arItem) {
if (!in_array(5, $USER->GetUserGroupArray()) && $arItem["PARAMS"]["ONLY_FOR_ADMIN"] == "Y") {
unset($arResult[$key]);
}
}
?>

<?php
namespace Sprint\Migration;

class MenuMigration extends Version {
protected $description = "Перенос главного меню";
protected $moduleVersion = "3.25.6";

public function up() {
$this->getMenuManager()->insertMenuItem(
array(
'TYPE' => 'top',
'NAME' => 'О компании',
'LINK' => '/about/',
'SORT' => 100,
'DEPTH_LEVEL' => 1,
)
);
}

public function down() {
// Логика отката
}
}

<?=$arItem["TEXT"]?>
<?if ($arItem["PARAMS"]["SHOW_COUNTER"] == "Y"):?>
<span>
<?=\Bitrix\Main\Page\Frame::getInstance()->startDynamicArea('cart-counter');?>
<?=Bitrix\Sale\Basket::loadItemsForFUser(
Bitrix\Sale\Fuser::getId(),
Bitrix\Main\Context::getCurrent()->getSite()
)->getQuantity();?>
<?\Bitrix\Main\Page\Frame::getInstance()->finishDynamicArea();?>
</span>
<?endif;?>