Для сохранения активного пункта меню, на котором находимся, на странице в Bitrix CMS есть несколько способов.
Первый способ - использование класса CSS. Вы можете добавить специальный класс к активному пункту меню, который будет отображаться по-разному и помогать пользователю определить, на какой странице он находится. Например, вы можете добавить класс active или current к элементу меню. Затем в CSS-файле можно определить стили для этого класса, чтобы он выделялся, например, изменялся цвет фона или текста.
Пример кода в разметке:
<ul class="menu"> <li><a href="index.html">Главная</a></li> <li class="active"><a href="about.html">О нас</a></li> <li><a href="services.html">Услуги</a></li> <li><a href="contact.html">Контакты</a></li> </ul>
Пример кода в CSS-файле:
.menu li.active {
background-color: #f00;
color: #fff;
}
В данном примере, если пользователь находится на странице "О нас", то пункт меню "О нас" будет выделен красным фоном и белым текстом.
Второй способ - использование функционала, предоставляемого самой Bitrix CMS. Если вы используете модуль управления структурой сайта (главный модуль "iblock") и настройку меню через функционал этого модуля, вы можете включить опцию "Активность подтверждается", чтобы активный пункт меню на текущей странице сохранялся автоматически. Для этого необходимо просто открыть редактирование пункта меню, выбрав его в административной панели, и установить флажок "Активность подтверждается". В результате пункт меню будет выделен на странице, соответствующей его ссылке.
Независимо от способа, выбранного для сохранения активного пункта, необходимо ясно определить, какая страница является активной для каждого пункта меню, настроив ссылки соответственно для каждой страницы вашего сайта.