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

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

Сначала надо создать тип меню. Это можно сделать в НастройкиНастройки продуктаНастройки модулейУправление структурой в параметре Типы меню .

Теперь можно создать файл . custom . menu.php , внутри которого будут указаны пункты меню.

Файл меню создаётся в той директории, в которой надо выводить меню. Если меню надо показывать на всех страницах, то файл создаётся в корневой директории сайта.

Например, посетитель находится в разделе /ru/company/about/. Для показа меню типа «custom», файл меню будет искаться в следующей последовательности:

  • /ru/company/about/.custom.menu.php
  • /ru/company/.custom.menu.php
  • /.custom.menu.php

Если в одном из каталогов будет найдено меню, то поиск останавливается и в последующих каталогах уже не ищется.

Вывод пунктов меню

Вывести меню можно через следующий код:

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

Добавление пунктов меню

Добавляются пункты меню через следующий код:

Также управлять пунктами меню можно через админ панель. Если нужное меню, как на картинке ниже, не показывается, надо убедиться, что само меню подключено на текущей странице.

После чего откроется модальное окно редактирования меню.

По задумке дизайнера, на сайте должно быть два меню: главное (наверху) и вспомогательное (в подвале). В панели управления переходим «Настройка • Настройка продукта • Настройки модулей • Управление структурой», прокручиваем вниз до «Настройки для сайтов», удаляем те меню, которые там остались после установки и создаем два новых меню: «Главное меню» и «Меню в подвале».

  • main , Главное меню
  • bottom , Меню в подвале

Жмем «Сохранить». Далее, переходим в публичную часть сайта, переходим на главную страницу и создаем несколько разделов:

  • «О компании», имя папки about-company
  • «Услуги», имя папки services
  • «Блог», имя папки blog
  • «Контакты», имя папки contacts
Читайте также:  Стелла как я встретил вашу маму актриса

Указываем, что каждый новый раздел будет пунктом главного меню:

Добавляем какой-нибудь текст:

Разделы готовы, теперь нам надо показать наше меню. Для этого нам нужно разместить в шаблоне сайта код вызова компонента. Проще всего это сделать с помощью визуального редактора. Переходим на тестовую страницу, выбираем в верхней панели «Изменить страницу • В визуальном редакторе». Справа в визуальном редакторе выбираем компонент «Служебные • Навигация • Меню» и перетаскиваем в левую часть редактора. В настройках компонента выбираем «Тип меню для первого уровня: Главное меню»:

Сохраняем настройки, копируем полученный код в буфер обмена и закрываем редактор страницы без сохранения:

Этот код вставляем в шаблон сайта, в то место, где нужно вывести главное меню.

Теперь меню на сайте выводится компонентом, осталось только немного подправить шаблон компонента:

Шаблон компонента размещен по пути bitrix/components/bitrix/menu/templates/.default/template.php :

Нам надо скопировать этот шаблон и внести изменения в копию, чтобы ничего не изменять в папке bitrix . Для этого включаем режим правки, наводим указатель мыши на меню и выбираем «Копировать шаблон компонента»:

Название нового шаблона компонента будет main_menu , а копировать его будем в папку с текущим шаблоном local/templates/voguis :

В результате этих действий шаблон компонента будет скопирован в

В этот файл мы и будем вносить изменения. Кроме копирования, Битрикс заменит php-код вызова компонента в файле local/templates/voguis/header.php :

Файлы стилей нам не нужны, поэтому удаляем их из папки local/templates/voguis/components/bitrix/menu/main_menu . И изменяем template.php :

Пункты меню сохраняются не в базе данных, а в файле .main.menu.php в корне сервера.

Осталось только добавить пункт меню «Главная (страница)»:

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

Создание меню с каталогом можно поделить на три шага: Создание компонента простого меню, создание файла меню с каталогом, подключение файла к компоненту меню. Итак, процесс происходит следующим образом:

Читайте также:  Как повысить фпс в пабг мобайл

Шаг 1. Создание компонента меню

Как известно, у битрикса есть стандартный компонент меню с набором шаблонов (в данном случае, неважно, какой шаблон применяется. В качестве примера пусть будет горизонтальный).

Вызов шаблона в хедере будет выглядеть примерно так:

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

После нажатия кнопки «сохранить» можно будет сразу увидеть изменения. К слову, уровень вложенности нужно ставить от 2 и выше. Тут, собственно, всё, можно переходить к более «интересным» пунктам.

Шаг 2. Создание файла каталога меню

Для меню-каталога нужно, (желательно) в корне сайта создать файл с произвольным префиксом и окончанием вида .menu_ext.php. Например, можно назвать так: .left.menu_ext.php

Внутри файла следует добавить следующий код:

Обратите внимание, что если каталог товаров находится по адресу /catalog/ — то products нужно поменять, соответственно, на catalog. Параметр Depth_level — это глубина вложенности. В данном случае — до 4-х разделов. Собственно, в данном пункте работа закончена, можно переходить в публичную часть к выводу данного меню.

Шаг 3. Вывод меню каталога

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

  1. Открыть редактирование параметров компонента меню (основного)
  2. Поставить в данном пункте галку:
  3. Сбросить кеш.

Меню должно отобразиться. Если же оно не отобразилось, можно попробовать вызвать в настройках меню следующий пункт и там обновить кеш компонента (или включить его, если потребуется):

После этого всё точно должно заработать. На выходе получиться что-то вроде этого:

Выше был рассмотрен процесс создания меню в битриксе, на этом тему заметки можно считать исчерпанной. Но, представляется верным сделать, в заключение, небольшое примечание: Несмотря на описанный выше функционал, на больших проектах приходится прибегать к ручному (html) созданию меню (как бы это не было бы неудобно). Что касается сравнения с другими CMS — конечно, битрикс в данном функционале значительно проигрывает WP.

Ссылка на основную публикацию
Adblock detector