+7 936 111-00-12 mail@click-cluck.ru
Отправить заявку / письмо

Форма обратной связи

* *

Создание горизонтального меню в Битрикс

Основные инструменты в работе
- Визуальный редактор верстки {f12}
- Режим администрирования Битрикс
- FileZilla

1. Переходим на страницу, где нужно добавить меню
2. Находим шаблон вывода страницы. В режиме правки - выпадающий список шестеренки - редактировать шаблон компонента
3. В нужное место, которое определяется с помощью визуального редактора, вставляем стандартный код вывода компонента меню:

<?$APPLICATION->IncludeComponent(
    "bitrix:menu",
    "catalog_menu",
    array(
        "ALLOW_MULTI_SELECT" => "N",
        "CHILD_MENU_TYPE" => "catalog",
        "DELAY" => "N",
        "MAX_LEVEL" => "1",
        "MENU_CACHE_GET_VARS" => array(
        ),
        "MENU_CACHE_TIME" => "3600",
        "MENU_CACHE_TYPE" => "N",
        "MENU_CACHE_USE_GROUPS" => "Y",
        "ROOT_MENU_TYPE" => "catalog",
        "USE_EXT" => "Y",
        "COMPONENT_TEMPLATE" => "catalog_menu",
        "MENU_THEME" => "site"
    ),
    false,
    array(
        "ACTIVE_COMPONENT" => "Y"
    )
);?>

В итоге Битриксу этим кодом, как бы говорят, что здесь нужно выводить меню и он уже подключает на эту страницу стандартные компоненты меню, которые хранятся в движке Битрикса

4. В административной панели - файлы и папки - находим папку, где нам нужно получить меню - создать меню. В итоге появится файл .catalog.menu.php. Где catalog это название, которое можно изменить на любое другое. В этом файле фиксируются название пунктов меню. Код аналогичен тому, который был при создании его, с помощью, админ панели.
5. Подключаем динамическое меню, которое будет изменять разделы и ссылки на них автоматически исходя из структуры сайта. Для этого в папке, рядом с catalog.menu.php создаем .catalog.menu_ext.php с кодом
<?
  if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();
  global $APPLICATION;
  $aMenuLinksExt = $APPLICATION->IncludeComponent(
    "bitrix:menu.sections",
    "",
    array(
        "IS_SEF" => "Y",
        "SEF_BASE_URL" => "/catalog/production/",
        "SECTION_PAGE_URL" => "#SECTION_CODE_PATH#/",
        "DETAIL_PAGE_URL" => "#SECTION_CODE_PATH#/#ELEMENT_ID#.PHP",
        "IBLOCK_TYPE" => "catalog",
        "IBLOCK_ID" => "5",
        "DEPTH_LEVEL" => "1",
        "CACHE_TYPE" => "A",
        "CACHE_TIME" => "36000000"
    ),
    false
);
  $aMenuLinks = array_merge($aMenuLinksExt, $aMenuLinks);
?>

В файле
.catalog.menu.php
меняем на такой код
<?
$aMenuLinks = Array(

);
?>
5. Настраиваем меню, с помощью режима редактирования - компоненты - меню, прописав из каких инфоблоков брать структуру, а также пути к файлам меню в соответствующей папке