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

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

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

Особенно это удобно, если на сайте есть страницы третьего уровня вложенности: к ним нет доступа из основного меню. Рассмотрим на примере: пусть раздел основного меню «Оплата и доставка» (страница первого уровня) содержит страницы «Реквизиты», «Бесплатная доставка», «Доставка в удаленные регионы», «Способы оплаты», «Личный кабинет» — это страницы второго уровня. В свою очередь, в раздел «Способы оплаты» вложены страницы третьего уровня: «Наличная оплата», «Оплата банковской картой», «Электронный кошелек», «Тариф Доверие: доставка без предоплаты».

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

Из основного меню сайта нет доступа к страница третьего уровня вложенности

В «Нубексе» есть два способа это исправить: организовать меню подразделов в виде списка на странице или добавить виджет вложенного меню в узкую колонку сайта.

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

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

Как добавить виджет «Меню подразделов» в колонку сайта

Войдите в админку сайта, откройте раздел «Виджеты» в меню управления (слева) и выберите нужную колонку. Раскройте список доступных виджетов и выберите пункт «Создать меню подразделов».

Выберите пункт "Создать меню подразделов" в раскрывающемся меню колонки

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

Настройка общих параметров виджета

Если Вы хотите, чтобы виджет отображался в том же стиле, что и основное меню сайта, активируйте галочку «Оформление как у главного меню».

Галочка "Оформление как у главного меню" пассивна Галочка "Оформление как у главного меню" активна
У виджета и главного меню различные стили оформления У виджета и главного меню единый стиль оформления

Затем отрегулируйте поведение виджета, выбрав один из четырех вариантов.

Выберите поведение виджета меню

Показывать меню 2-го и 3-го уровня вложенности полностью раскрытыми

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

Раскрыты все списки страниц второго и третьего уровней вложенности Списки страниц третьего уровня вложенности раскрываются при наведении указателя мыши на раздел

Показывать меню 2-го уровня вложенности и раскрывать текущий пункт меню

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

То есть, например, находясь в разделе главного меню «Оплата и доставка», мы увидим перечень вложенных в него страниц — «Реквизиты», «Бесплатная доставка» и т.д. Однако более мелкие разделы отображаться в списке не будут. Получить к ним доступ можно, кликнув на соответствующий пункт меню (например, «Способы оплаты»): тогда откроется перечень страниц третьего уровня, вложенных в этот раздел.

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

Показывать меню 2-го уровня вложенности

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

Страницы третьего уровня вложенности не отображаются в списке меню

Показывать меню 3-го уровня вложенности

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

Например, на странице первого уровня «Оплата и доставка» виджет с таким поведением не отобразится.

При посещении раздела первого уровня виджет не отобразится в колонке

Также не отобразится он и в разделе второго уровня, не содержащем вложенных страниц.

При посещении раздела второго уровня, не содержащего вложенных страниц, виджет не отобразится

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

При посещении раздела второго уровня, содержащего вложенные страницы, виджет будет отображаться в колонке

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

Комментарии 0