Скоро OdinCMS и OdinSTORE уже в пути — узнайте первыми. Подписаться
OdinZero
Купить Pro Демо
  1. Главная
  2. Справочный центр
  3. Настройка

Меню боковой панели

Разделы, ссылки с иконками Font Awesome и подменю — один список в боковой панели.

Меню — это один список .sb-nav внутри боковой панели. Заголовок раздела — <li class="sb-section">; каждая ссылка под ним — <li class="nav-item"> с иконкой и подписью:

<li class="nav-item">
  <a href="reports.html" class="nav-link">
    <i class="nav-ico fas fa-chart-pie"></i>
    <span>Отчёты</span>
  </a>
</li>

Иконки — классы Font Awesome 6, используйте бесплатный набор. Для подменю добавьте ссылке data-toggle="submenu" и data-target с id панели .sb-subwrap, а ссылки поместите в .sb-subnav.

Ссылку текущей страницы отмечайте классом active и aria-current="page". Меню записано в каждую страницу, поэтому в бэкенде вынесите его в один файл и выставляйте активную ссылку по маршруту.

Назад в справочный центр