> For the complete documentation index, see [llms.txt](https://docs.iexexchanger.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.iexexchanger.com/guide/sait/kontent/navigacionnoe-menyu.md). # Навигационное меню Настройка верхнего и нижнего меню сайта: ссылки, языковые версии, иконки, вложенность, порядок и видимость пунктов. **Навигационное меню** помогает посетителям переходить к нужным разделам сайта: контактам, вопросам и ответам, новостям, правилам обмена и другим страницам. В разделе можно создавать и редактировать пункты, объединять их в категории, настраивать переводы и иконки, менять порядок и вложенность, временно скрывать или удалять записи. Настройки используются в **верхнем меню сайта** и **нижнем меню — подвале**. Верхнее меню также используется в мобильной навигации. Ниже описано поведение стандартного клиентского шаблона iEXExchanger. В индивидуальном шаблоне оформление и способ раскрытия меню могут отличаться. {% hint style="info" %} Пункт меню содержит ссылку на страницу или другой ресурс. Добавление пункта **не создаёт содержимое страницы**. Если нужна новая страница с правилами, инструкцией или другим материалом, сначала создайте её в разделе **«Контент — Страницы»**, затем добавьте ссылку в меню. {% endhint %} {% content-ref url="/pages/jfIyQtsOp9tc0EZgVV7l" %} [Страницы](/guide/sait/kontent/stranicy.md) {% endcontent-ref %} ## Доступ к разделу В панели управления откройте **«Контент — Навигационное меню»**.
Доступ зависит от прав группы пользователя. Для управления разделом используется разрешение **«Разрешить управление навигационным меню в админпанели»**. Если раздел или действия с пунктами недоступны, администратору необходимо проверить права нужной группы в разделе **«Пользователи — Список групп пользователей»**. {% content-ref url="/pages/3OPChZoOwE8CnKr6Icyq" %} [Группы прав пользователей](/guide/polzovateli/gruppy-prav-polzovatelei.md) {% endcontent-ref %} Меню, которое вы настраиваете здесь, отображается посетителям сайта. Логотип, переключатель языка и служебные действия личного кабинета настраиваются отдельно. ## Группы и структура меню В верхней части раздела находятся вкладки **«Верхнее меню»** и **«Нижнее меню»**. Перед добавлением пункта выберите нужную вкладку. | Группа | Где используется | Допустимая вложенность | | ---------------- | ----------------------------------- | ---------------------------------- | | **Верхнее меню** | В шапке сайта и мобильной навигации | До **3 уровней**, включая корневой | | **Нижнее меню** | В подвале сайта | До **2 уровней**, включая корневой | В форме создания и редактирования показываются **«Группа меню»** и **«Максимальная глубина»** выбранной группы. Группы меню предусмотрены системой. Для создания новой категории внутри меню добавьте обычный пункт и разместите под ним дочерние пункты. {% tabs %} {% tab title="Верхнее меню" %} **Пункт без отображаемых подпунктов** работает как ссылка. **Пункт с отображаемыми подпунктами** работает как категория: раскрывает вложенное меню. Его собственный URL при раскрытии категории не используется для перехода. Например: * «Помощь» — категория первого уровня; * «Документы» — категория второго уровня внутри «Помощи»; * «Правила обмена» — ссылка третьего уровня внутри «Документов»; * «Вопросы и ответы» — отдельная ссылка второго уровня внутри «Помощи». На компьютере категории раскрываются в верхней навигации. На мобильном устройстве та же структура доступна через кнопку открытия меню. {% endtab %} {% tab title="Нижнее меню" %} **Корневой пункт** служит заголовком колонки в подвале. **Дочерние пункты второго уровня** служат ссылками внутри этой колонки. Например, корневой пункт «Информация» объединяет ссылки «Правила обмена», «Вопросы и ответы» и «Контакты». В стандартном шаблоне название корневого пункта нижнего меню отображается как заголовок, а его собственный URL не используется как ссылка. {% endtab %} {% endtabs %} ### Как читать список Пункты представлены деревом. Отступ показывает вложенность, а подпись **«Главный уровень»**, **«Уровень 2»** или **«Уровень 3»** помогает определить положение пункта. | Элемент списка | Что позволяет сделать | | -------------------------------- | -------------------------------------------- | | Название пункта | Открыть форму редактирования | | URL под названием | Открыть указанный адрес и проверить ссылку | | Кнопка раскрытия рядом с пунктом | Показать или свернуть его подпункты в панели | | **«Перетащить»** | Изменить порядок или вложенность | | **«На уровень выше»** | Поднять вложенный пункт вместе с его веткой | | Переключатель статуса | Включить или отключить пункт | | Кнопка удаления | Удалить пункт после подтверждения | Число на вкладке показывает общее количество записей группы, включая вложенные и отключённые пункты. Число рядом с названием в дереве показывает количество непосредственных дочерних пунктов. Сворачивание ветки в панели помогает работать со списком и **не скрывает её на сайте**. *** ## Создание пункта меню
{% stepper %} {% step %} ### Выберите группу Откройте вкладку **«Верхнее меню»** или **«Нижнее меню»** и нажмите **«Добавить пункт»**. Откроется окно **«Добавить пункт навигации»**. Проверьте группу и допустимую глубину в верхней части формы. {% endstep %} {% step %} ### Укажите название и адрес Заполните **«Название»** на основном языке сайта. При необходимости переключите языковые вкладки и добавьте переводы. В поле **«URL»** укажите адрес существующей страницы или внешнего ресурса. Для дочернего пункта, по которому посетитель должен переходить на страницу, адрес лучше указывать явно. При необходимости заполните **«Описание»** — короткое пояснение к пункту. {% endstep %} {% step %} ### Выберите положение пункта Откройте поле **«Родительский пункт»**. * Для самостоятельного пункта выберите **«Корневой уровень»**. * Для подпункта выберите пункт, внутри которого он должен находиться. В списке родителей доступен поиск. Метки **«Ур. 1»**, **«Ур. 2»** и другие относятся к уровню выбираемого родителя. Новый пункт будет размещён **на один уровень ниже него**. Например, выбор родителя второго уровня создаёт пункт третьего уровня. {% endstep %} {% step %} ### Настройте дополнительные параметры При необходимости нажмите **«Добавить иконку»** и выберите изображение. Проверьте **«Статус»** и **«Открытие ссылки»**. По умолчанию новый пункт включён, а переключатель открытия установлен в положение **«В текущей вкладке»**. Для внешних адресов и контактных ссылок учитывайте особенности стандартного шаблона, описанные ниже. {% endstep %} {% step %} ### Создайте пункт и проверьте результат Нажмите **«Создать»** и дождитесь сообщения об успешном добавлении. Новый пункт появится в конце списка на выбранном уровне. Затем его можно переместить в нужную позицию. Откройте сайт и проверьте пункт в выбранной группе. Если он вложенный, убедитесь, что родительская ветка включена. {% endstep %} {% endstepper %} {% hint style="warning" %} Если URL не заполнен ни на одном языке, система может сформировать адрес автоматически по названию пункта. **Это не означает, что по этому адресу существует страница.** Для рабочей ссылки скопируйте адрес нужной страницы и укажите его явно. Для категории верхнего меню переход определяется её дочерними пунктами. {% endhint %} ## Поля формы
ПолеНазначение и особенности
НазваниеТекст пункта или заголовок категории. Обязательно на основном языке сайта; для этого языка допускается до 255 символов
ОписаниеНеобязательный обычный текст с пояснением. В стандартном верхнем меню используется в карточках вложенной навигации
URLАдрес перехода. Поддерживает отдельные значения для разных языков; каждое значение — до 2000 символов
ИконкаНеобязательное изображение пункта. Требования к файлу приведены в разделе об иконках
Родительский пунктОпределяет вложенность. «Корневой уровень» размещает пункт на первом уровне
СтатусВключает или отключает пункт на сайте
Открытие ссылкиПозволяет выбрать открытие в текущей или новой вкладке с учётом правил клиентского шаблона
### Какие адреса можно указывать Примеры ниже показывают формат. Замените домен, контактные данные и путь к собственной странице своими значениями. {% tabs %} {% tab title="Страница сайта" %} Для внутренних страниц используйте путь, начинающийся с `/`. ``` /contacts /faq /blog /pages/pravila-obmena ``` Первые три примера относятся к разделам контактов, вопросов и ответов и новостей. Последний — к пользовательской странице: она должна быть создана с соответствующим адресом. Например, для страницы `https://ваш_домен/pages/pravila-obmena` можно указать `/pages/pravila-obmena`. Такой пункт не меняет адрес или содержимое страницы, на которую ведёт. {% endtab %} {% tab title="Полный адрес" %} Для ссылки на другой сайт укажите полный адрес: ``` https://ваш_домен ``` В стандартном шаблоне полный адрес с `http://` или `https://` обрабатывается как внешняя ссылка и открывается в новой вкладке. Это относится и к полному адресу собственного сайта. Если нужен обычный переход внутри текущего сайта, используйте относительный путь вида `/contacts`. {% endtab %} {% tab title="Связь с поддержкой" %} Можно указать адрес электронной почты, телефон или Telegram: ``` mailto:support@ваш_домен tel:+70000000000 https://t.me/your_support tg://resolve?domain=your_support ``` Обязательно замените примеры действующими контактами. Ссылка электронной почты вызывает обработчик почты, телефонная — обработчик звонков, а Telegram-ссылка — соответствующий сайт или приложение. Результат зависит от браузера и установленных приложений посетителя. {% endtab %} {% endtabs %} ### Открытие ссылки Для внутреннего пути, например `/contacts`: * **«В текущей вкладке»** — переход в текущей вкладке; * **«В новой вкладке»** — открытие адреса в отдельной вкладке. Внешние ссылки в стандартном шаблоне открываются в новой вкладке даже при положении **«В текущей вкладке»**. Контактные ссылки передаются браузеру или соответствующему приложению. У категории верхнего меню собственная ссылка не открывается, пока у неё есть отображаемые подпункты. У корневой категории нижнего меню URL не используется для перехода. ## Языковые версии Поля **«Название»**, **«Описание»** и **«URL»** поддерживают отдельные значения для языков, подключённых на сайте. Переключатели языка находятся у каждого из этих полей. Заполните необходимые значения, переключая языковые вкладки. | Можно настроить отдельно для языка | Общие настройки пункта | | ---------------------------------- | -------------------------------------------------- | | Название, описание, URL | Родитель, порядок, статус, иконка, открытие ссылки | Если страницы языковых версий имеют разные адреса, укажите соответствующий URL для каждого языка. Копируйте адрес из нужной версии сайта; не добавляйте языковой префикс наугад. Если перевод отсутствует, может использоваться резервный перевод. Поэтому отсутствие отдельного перевода не следует использовать как способ скрыть пункт для определённого языка. ### Автоперевод Рядом с языковыми полями доступна кнопка **«Автоперевод на другие языки»**. Для текстовых полей она помогает подготовить переводы при доступной и настроенной функции автоперевода. После автоперевода проверьте названия и описания перед сохранением. {% hint style="warning" %} **URL не следует переводить как обычный текст.** Для каждого языка указывайте действительный адрес страницы или ресурса и проверяйте переход вручную. {% endhint %} ## Иконки пунктов Иконка помогает визуально различать пункты. В стандартном шаблоне она используется в поддерживаемых элементах вложенного верхнего меню и мобильной навигации. Нижнее меню стандартного шаблона отображает заголовки и текстовые ссылки; описания и иконки пунктов в нём не выводятся. Наличие этих полей в общей форме не означает, что они показываются во всех местах меню. ### Требования к изображению
ПараметрТребование
ФорматJPG, JPEG, PNG, WEBP или SVG
Размер файлаНе более 5 МБ
ШиринаНе более 50 пикселей
ВысотаНе более 50 пикселей
SVGРазмеры должны определяться по параметрам файла, например ширине и высоте или viewBox
Подойдут, например, изображения **32 × 32** или **50 × 50** пикселей. Перед загрузкой подготовьте нужные размеры: большой файл не превращается автоматически в допустимую иконку. ### Добавление и замена 1. Откройте создание или редактирование пункта. 2. Нажмите **«Добавить иконку»**, если поле загрузки ещё не раскрыто. 3. Выберите файл. В области загрузки также доступны перетаскивание и вставка изображения из буфера обмена. 4. Проверьте предпросмотр и сохраните пункт. Загрузка нового изображения в форме редактирования заменяет прежнюю иконку после успешного сохранения. ### Удаление иконки Нажмите **«Удалить иконку»** в форме редактирования и затем **«Сохранить»**. Действие удаляет изображение у пункта и не удаляет сам пункт или его подпункты. ## Редактирование пункта Нажмите название нужного пункта в дереве. Откроется окно **«Редактировать пункт навигации»**. Измените название, описание, URL, иконку, родителя, статус или открытие ссылки, затем нажмите **«Сохранить»** и дождитесь сообщения об успешном обновлении. Изменения в форме применяются после сохранения. Кнопка **«Закрыть»** закрывает форму без сохранения несохранённых изменений. При изменении родителя пункт переносится вместе со всеми подпунктами и размещается в конце списка у нового родителя. Для точной расстановки используйте перетаскивание после сохранения. В форме нет переключателя группы между верхним и нижним меню. Если одна и та же ссылка нужна в обеих группах, создайте отдельный пункт в каждой из них. ## Изменение порядка и вложенности В текущей системе перетаскивание позволяет менять **порядок, родительский пункт и уровень вложенности** внутри выбранной группы. При переносе категории перемещается вся её ветка. Названия, переводы, URL, иконки и индивидуальные статусы подпунктов сохраняются. ### Перетаскивание {% stepper %} {% step %} ### Найдите нужное положение Выберите группу и найдите переносимый пункт. При необходимости раскройте подпункты, чтобы видеть целевую позицию. Не нужно предварительно удалять или заново создавать дочерние пункты. {% endstep %} {% step %} ### Перенесите пункт Зажмите кнопку **«Перетащить»** у строки и перемещайте пункт: * вверх или вниз — для выбора позиции; * вправо или влево — для изменения вложенности. Ориентируйтесь на метку вставки: она показывает доступное положение пункта. Перемещая родителя, вы переносите и его дочернюю ветку. Чтобы отменить незавершённое перетаскивание, нажмите **Esc**. {% endstep %} {% step %} ### Дождитесь сохранения Отпустите пункт в нужном положении. Структура сохраняется автоматически. Дождитесь сообщения **«Структура меню сохранена»** перед следующим переносом. Если сохранение завершилось ошибкой, интерфейс возвращает прежнюю структуру. Проверьте причину ошибки и повторите действие после её устранения. {% endstep %} {% endstepper %} ### Кнопка «На уровень выше» Кнопка доступна у вложенных пунктов и поднимает пункт **на один уровень вместе со всеми его подпунктами**: * со второго уровня — на корневой; * с третьего уровня — на второй. Перенесённая ветка размещается сразу после своего бывшего родителя на новом уровне. Изменение сохраняется автоматически. ### Перенос через форму Для выбора конкретного родителя можно открыть редактирование, изменить **«Родительский пункт»** и нажать **«Сохранить»**. Выбор **«Корневой уровень»** делает пункт корневым. При таком переносе дочерние пункты остаются внутри него. ### Ограничения переноса * Нельзя сделать пункт родителем самого себя. * Нельзя перенести родителя внутрь его собственного подпункта. * Нельзя превысить максимальную глубину группы. * Глубина проверяется для **всей переносимой ветки**. * Перетаскивание и выбор родителя работают внутри текущей группы, без переноса между верхним и нижним меню. Недоступные варианты родителя могут отображаться с отметкой **«Недоступно»**. Сам редактируемый пункт и его потомки исключаются из выбора родителей. {% hint style="info" %} В верхнем меню допустимы три уровня. Если категория уже содержит два уровня внутри своей ветки, её нельзя поместить под пункт второго уровня: самый глубокий подпункт окажется на четвёртом уровне. В нижнем меню категория с дочерними ссылками уже занимает оба допустимых уровня, поэтому её нельзя вложить в другую категорию вместе с этими ссылками. {% endhint %} ### Временное скрытие Отключите переключатель статуса у нужного пункта. Запись останется в панели, но перестанет отображаться на сайте. Если отключить родителя, его дочерняя ветка также не будет доступна через меню. При этом индивидуальные статусы дочерних записей не меняются. После включения родителя снова отобразятся те его подпункты, у которых включён собственный статус. {% hint style="info" %} Отключение пункта скрывает **ссылку в меню**. Оно не отключает связанную страницу и не ограничивает доступ к ней по прямому адресу. Доступность страницы регулируется настройками самой страницы. {% endhint %} Если у категории верхнего меню не осталось отображаемых подпунктов, она может стать обычной ссылкой. В таком случае проверьте её собственный URL. *** ## Настройка нижнего меню Чтобы в подвале появилась колонка со ссылками, создайте её заголовок на первом уровне и ссылки на втором. {% stepper %} {% step %} ### Создайте заголовок колонки На вкладке **«Нижнее меню»** нажмите **«Добавить пункт»**. Укажите название, например **«Информация»**, и выберите **«Корневой уровень»**. Оставьте пункт включённым и нажмите **«Создать»**. Собственный URL этого пункта не используется для перехода в стандартном подвале. {% endstep %} {% step %} ### Добавьте ссылки Для каждой ссылки снова нажмите **«Добавить пункт»**. Укажите название и рабочий URL, а в поле **«Родительский пункт»** выберите **«Информация»**. Создайте пункт. Например: | Название | Родитель | Пример URL | | ---------------- | ---------- | ----------------------- | | Правила обмена | Информация | `/pages/pravila-obmena` | | Вопросы и ответы | Информация | `/faq` | | Контакты | Информация | `/contacts` | Пользовательскую страницу с правилами необходимо создать заранее. {% endstep %} {% step %} ### Настройте порядок и проверьте подвал Перетаскиванием задайте порядок колонок и ссылок внутри них. Обновите сайт и проверьте подвал: заголовок **«Информация»** должен объединять созданные дочерние ссылки. Проверьте языковые версии и мобильное отображение. {% endstep %} {% endstepper %} {% hint style="warning" %} Если ссылка в нижнем меню создана на корневом уровне, стандартный шаблон отображает её название как заголовок колонки. Для перехода по ссылке разместите её **под корневой категорией, на втором уровне**. Если не отображается весь подвал, дополнительно проверьте параметр **«Показывать нижнюю часть сайта»** в настройках дизайна. Сохранённые пункты меню сами по себе не включают скрытый подвал. {% endhint %} ## Удаление пункта или категории Нажмите кнопку удаления у нужной записи и подтвердите действие в открывшемся окне. {% hint style="danger" %} **Удаление родительского пункта удаляет всю его ветку**, включая отключённые дочерние пункты и более глубокие уровни. Перед подтверждением проверьте состав ветки. Для временного скрытия используйте переключатель статуса. {% endhint %} Удаляются записи меню и связанные с ними иконки. Страницы, новости и другие материалы, на которые вели ссылки, остаются в своих разделах. Если нужно оставить подпункты, сначала перенесите их к другому родителю или на допустимый корневой уровень, дождитесь успешного сохранения и только затем удаляйте прежнюю категорию. ## Проверка меню на сайте {% stepper %} {% step %} ### Проверьте структуру Обновите сайт и убедитесь, что пункты находятся в нужном меню и идут в ожидаемом порядке. В верхнем меню раскройте категории и проверьте второй и третий уровни. В нижнем — заголовки колонок и вложенные ссылки. {% endstep %} {% step %} ### Проверьте переходы Откройте каждую конечную ссылку. Убедитесь, что адрес ведёт к нужной странице, внешнему сайту или контакту, а открытие в текущей или новой вкладке соответствует описанным правилам. Проверьте автоматически сформированные адреса особенно внимательно. {% endstep %} {% step %} ### Проверьте языки и мобильную версию Переключите доступные языки сайта и проверьте названия, описания и адреса. На мобильном устройстве откройте верхнее меню, раскройте вложенные категории и проверьте ссылки. Прокрутите страницу к подвалу и проверьте его колонки. {% endstep %} {% step %} ### Проверьте видимость Убедитесь, что отключённые пункты скрыты, а включённые доступны через включённых родителей. Если были изменены статусы родителей, проверьте всю связанную ветку. {% endstep %} {% endstepper %} {% hint style="success" %} Меню настроено корректно, если нужные пункты отображаются в выбранной группе, категории раскрываются, ссылки ведут к действующим адресам, а языковые версии и мобильная навигация работают ожидаемо. {% endhint %} ## Частые вопросы
Почему кнопка «Создать» недоступна? Проверьте название на основном языке сайта. Заполнение только другого языка не заменяет обязательное название на основном языке. Во время загрузки или сохранения действие также может быть временно недоступно.
Почему созданная ссылка открывает ошибку или несуществующую страницу? Проверьте значение URL и откройте его напрямую. Если URL не был заполнен, мог автоматически сформироваться адрес по названию. Такой адрес не создаёт страницу. Укажите URL уже существующего раздела или сначала создайте пользовательскую страницу.
Почему родительский пункт недоступен для выбора? Новый уровень может превышать максимальную глубину группы. Для переноса существующей категории учитываются все её подпункты. Сам пункт и его потомки нельзя выбирать родителями. Между верхним и нижним меню через выбор родителя переносить записи нельзя.
Почему подпункт не виден на сайте, хотя он включён? Проверьте статус всех родителей в его ветке. Отключённый родитель скрывает вложенное меню, даже если у дочернего пункта включён собственный статус. Также убедитесь, что пункт создан в нужной группе, изменения успешно сохранены, а клиентская страница обновлена.
Почему нажатие на категорию верхнего меню не открывает её URL? При наличии отображаемых подпунктов категория раскрывает вложенное меню. Если посетитель должен переходить на обзорную страницу раздела, добавьте для неё отдельную дочернюю ссылку, например «О разделе».
Почему пункт нижнего меню отображается только как заголовок? Он находится на корневом уровне. В стандартном подвале первый уровень используется для заголовков колонок, второй — для ссылок. Создайте корневую категорию и перенесите ссылку под неё.
Почему полный адрес собственного сайта открывается в новой вкладке? Полные адреса с http\:// или https\:// в стандартном шаблоне обрабатываются как внешние ссылки. Для обычного внутреннего перехода укажите путь от корня сайта, например /contacts.
Почему иконка не загружается или не отображается? Проверьте формат, размер файла и обе стороны изображения. Даже маленький по объёму файл не подходит, если его ширина или высота превышает 50 пикселей. У SVG должны определяться размеры. После загрузки сохраните пункт. Также проверьте место отображения: стандартное нижнее меню не выводит иконки, а верхнее использует их в поддерживаемых элементах вложенной и мобильной навигации.
Почему после перетаскивания пункт вернулся на прежнее место? Сохранение переноса могло завершиться ошибкой. В таком случае интерфейс возвращает прежнее дерево и показывает сообщение. Проверьте допустимую глубину, права доступа и указанную причину ошибки. Повторяйте действие после её устранения и дождитесь сообщения «Структура меню сохранена».