Перейти к содержимому курса
Контент-менеджер
Мой сертификат

Меню: типы, пункты и наследование

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

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

Что важно знать о меню

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

Каждый пункт меню состоит из названия и адреса. Название видит посетитель, например Контакты. Адрес говорит сайту, какую страницу или раздел открыть после клика.

Например, пункт Контакты может вести на статическую страницу /contacts/, а пункт Каталог — на раздел, где компонент выводит товары из инфоблока. Поэтому перед правкой меню важно проверить, что нужная страница или раздел уже существуют и открываются.

В Битрикс меню редактируют из публичной части. Включите Режим правки, наведите курсор на блок меню и выберите Редактировать пункты меню.

Команда «Редактировать пункты меню» в Режиме правки

В форме можно добавить пункт, изменить название, указать ссылку, поменять порядок или удалить лишний пункт.

Форма редактирования пунктов меню
Меню не создает страницу

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

Виды меню

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

Статическое меню

Статическое меню состоит из пунктов, которые добавлены вручную. Обычно они ведут на страницы и разделы из структуры сайта: О компании, Доставка, Контакты, Услуги.

Пример статического меню сайта

Такое меню подходит, когда список ссылок редко меняется и должен быть полностью под контролем редактора. Например, для меню с основными разделами сайта.

Минус статического меню — его нужно поддерживать вручную. Если появилась новая страница, она не всегда попадет в меню сама. Контент-менеджер должен добавить пункт, проверить ссылку и убедиться, что пункт стоит на нужном месте.

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

Динамическое меню

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

Такое меню подходит, когда структура часто обновляется. Если в каталоге появляется новый раздел, система автоматически добавляет его в меню. Например, в инфоблок добавили раздел Домашняя одежда, в меню сразу появился новый пункт.

Пример динамического меню по разделам каталога

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

Смешанное меню

Смешанное меню объединяет ручные пункты и пункты из данных сайта. Например, в меню услуг можно выводить разделы инфоблока автоматически, а рядом добавить статический пункт Контакты.

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

Тип меню

В шаблоне сайта могут быть разные типы меню. В демонстрационном шаблоне интернет-магазина по умолчанию существует три типа меню:

  • left — левое (основное)
  • top — верхнее
  • bottom — нижнее

Название типа помогает системе найти нужные файлы и подключить меню в шаблоне сайта. Но оно не всегда жестко описывает место на экране. Например, меню типа left может быть использовано не только слева, если так настроен шаблон.

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

Выбор типа меню при добавлении пункта
Опция добавления нового пункта создает отдельное меню

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

От выбранного типа меню зависит и Карта сайта. Это отдельная страница со ссылками на разделы и страницы в иерархическом порядке. Мы говорили о ней в уроке 7 об управлении структурой сайта.

По умолчанию Карта сайта строится на типе меню top. При желании тип меню для Карты сайта можно изменить в админке: Настройки > Настройки продукта > Настройки модулей > Главный модуль. Если в карте нужно использовать несколько меню, их типы можно перечислить через запятую.

Настройка типов меню для Карты сайта

Если стандартных типов не хватает, можно добавить свой тип меню в настройках модуля Управление структурой: Настройки > Настройки продукта > Настройки модулей > Управление структурой.

Настройка типов меню в модуле «Управление структурой»

Как работает наследование меню

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

Например, посетитель находится на странице:


      /company/vacancies/
   

Для меню типа left система может искать файл меню по цепочке:

  1. /company/vacancies/
  2. /company/
  3. /

Как только подходящее меню найдено, поиск останавливается. Поэтому меню из корня сайта может показываться во многих разделах, а меню из раздела Компания — только внутри этого раздела и его подразделов.

Перед изменением унаследованного меню проверьте страницы в соседних подразделах. Правка родительского меню может изменить навигацию сразу на нескольких страницах.

Как безопасно добавлять пункт меню

Обычный сценарий для контент-менеджера — добавить в меню уже созданный раздел или страницу.

  1. Включите Режим правки в публичной части сайта.
  2. Наведите курсор на нужный блок меню и выберите Редактировать пункты меню.
  3. Нажмите Вставить пункт.
  4. Укажите название пункта и ссылку.
  5. Переместите пункт в нужное место с помощью стрелок.
  6. Сохраните меню.
  7. Откройте сайт как посетитель: проверьте адрес, положение пункта и отображение меню в текущем и соседних разделах.
Название, ссылка и порядок нового пункта меню

Если пункт должен вести на раздел, обычно используют адрес раздела со слешем в конце, например new/. Если пункт ведет на конкретную страницу, указывают путь к странице: new/new_page.php.

Когда не стоит править меню самостоятельно

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

Обратитесь за помощью, если нужно:

  • изменить источник динамического меню
  • вывести пункты из нескольких разных инфоблоков
  • поменять шаблон или внешний вид меню
  • изменить типы меню в настройках модуля Управление структурой
  • править файлы или добавлять PHP-код
  • отключить кеш компонента меню на рабочем сайте

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

Что проверить после изменения меню

После любой правки меню откройте сайт как посетитель и пройдите по новым или измененным пунктам.

Проверьте:

  • ссылка открывает нужную страницу или раздел
  • пункт появился в правильном меню
  • порядок пунктов не сбился
  • в соседних разделах не пропало наследуемое меню
  • старые важные ссылки не удалены случайно