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

Шаг 1. Подготовка и создание категорий для второго меню

  1. Планирование структуры. Прежде чем начать настройку, определите, что именно будет включать второе меню, и создайте соответствующие страницы или категории.
  2. Создание категорий и информационных страниц. Перейдите в админку OpenCart:
  • Для категорий: Каталог → Категории, нажмите “Добавить” и создайте нужные категории.
  • Для информационных страниц: Каталог → Информация и добавьте новые информационные страницы.
  1. Создание макета для нового меню (если меню будет выводиться на отдельной странице): перейдите в Дизайн → Макеты и создайте новый макет.

Шаг 2. Создание и настройка модуля второго меню

В OpenCart можно добавить новый модуль меню через “HTML Content” или “Категории”, либо установить дополнительный модуль с нужными функциями. Рассмотрим несколько вариантов.

Вариант 1: Использование встроенного модуля “HTML Content” для ручного создания меню

  1. Перейдите в раздел Дополнения → Модули и найдите “HTML Content” (HTML Содержимое).
  2. Добавьте новый модуль:
  • Нажмите “Добавить”.
  • Назовите модуль, например “Второе меню”.
  • В поле “Контент” добавьте HTML-код для ссылок меню (например, <a href="URL">Название страницы</a>).
  1. Размещение второго меню:
  • В разделе “Макет” выберите страницу или позицию, где хотите разместить это меню (например, в шапке, в подвале или на боковой панели).
  1. Сохраните изменения и проверьте, как выглядит меню на сайте.

Вариант 2: Кастомизация модуля “Категории”

Можно создать копию модуля “Категории” и настроить его отдельно для второго меню. Однако для этого потребуется изменение кода.

  1. Скопируйте файл модуля “Категории”:
  • Найдите файл catalog/controller/extension/module/category.php и скопируйте его.
  • Переименуйте копию, например, catalog/controller/extension/module/second_menu.php.
  1. Измените код файла:
  • Откройте новый файл second_menu.php и измените все упоминания category на second_menu, чтобы избежать конфликтов.
  1. Добавьте язык и шаблон:
  • Создайте копию языкового файла category.php и переименуйте его в second_menu.php.
  • Внесите аналогичные изменения в представлении (файле шаблона).
  1. Установите и настройте новый модуль в панели администратора:
  • Перейдите в Дополнения → Модули, выберите “Категории” и добавьте новый модуль “Второе меню”.

Вариант 3: Установка стороннего модуля

В магазине расширений OpenCart есть несколько модулей, которые позволяют создавать многоуровневые и независимые меню. Некоторые из популярных модулей:

  • Mega Menu — поддерживает несколько меню, разные стили, подходит для сложной навигации.
  • Custom Menus — модуль с возможностью настройки нескольких разных меню и выбора стилей.

После установки модуля настройте его для нужной структуры и разместите на сайте.

Шаг 3. Настройка шаблона для двух меню

  1. Изменение шаблона header.tpl (или header.twig):
  • Найдите шаблон catalog/view/theme/ВАША_ТЕМА/template/common/header.twig.
  • Вставьте код второго меню в нужное место. Например, если вы создавали модуль через HTML Content, можно добавить:
    html {% if second_menu %} {{ second_menu }} {% endif %}
  • Убедитесь, что оба меню (основное и второе) выглядят визуально привлекательно и не мешают друг другу.
  1. Добавление CSS-стилей:
  • Перейдите в catalog/view/theme/ВАША_ТЕМА/stylesheet/stylesheet.css и добавьте стили для второго меню, чтобы оно отличалось от основного.
  • Настройте цвета, шрифты, отступы и оформление в соответствии с дизайном вашего сайта.

Шаг 4. Тестирование

  1. Проверьте отображение второго меню на разных страницах и устройствах, убедитесь, что ссылки работают корректно.
  2. Убедитесь, что оба меню отображаются как независимые блоки и не мешают друг другу.
  3. Проведите кроссбраузерное тестирование (проверьте отображение в разных браузерах) и проверьте адаптивность на мобильных устройствах.

Заключение

Добавление второго независимого меню в OpenCart позволяет улучшить навигацию и структуру сайта. Независимо от выбранного способа — через модуль “HTML Content”, кастомизацию модуля “Категории” или установку стороннего модуля — вы можете создать отдельное меню, которое поможет вашим клиентам легче ориентироваться на сайте и быстрее находить нужную информацию.