1. aspro.ru
  2. Аспро: Next
  3. Каталог
  4. Мегаменю из разделов инфоблока

Мегаменю из разделов инфоблока


Мегаменю — навигация для пользователей. Меню раскрывается при наведении указателя мыши. Комбинируйте популярные пункты разделов для удобства пользователей. До страницы каталога 1 клик!

В Аспро: Next, начиная с версии 1.7.7, доступно мегаменю, где выводятся только те названия категорий, которые заданы в отдельном инфоблоке. Выпадающее меню можно настроить на любой пункт шапки. Создайте свои подборки на популярные категории. Мегаменю можно настраивать на разные разделы меню.

Боковое меню останется прежним. Настройка распространяется на меню в шапке.

Мегаменю для каталога.

66eefa35-7b5b-11f1-8fe4-fa163e2ff576

Мегаменю для акций.

8b4beeda-7b60-11f1-8fe4-fa163e2ff576

Начиная с версии 1.8.0 доступен большой тип мегаменю. В нем выводятся от 1 до 4 уровня вложенности: например, каталог → разделы → подразделы 1 уровня → подразделы 2 уровня. Так выглядит тип меню «Большое» с 3 уровнями вложенности. 
74be159b-7b5c-11f1-8fe4-fa163e2ff576

Настройка мегаменю в публичной части сайта


Перейдите в виджет настроек решения. В разделе «Меню» (1) активируйте поле «Выгружать в меню разделы из инфоблока «Мегаменю» (2). Если вы хотите отобразить большой тип меню, активируйте кнопку (3). Сохраните изменения.

746be3a5-7b5f-11f1-8fe4-fa163e2ff576

Настройка мегаменю в административной части сайта

Перейдите в настройки модуля решения. Для этого проделайте путь: Аспро → Аспро: Next → Настройки. В разделе «Меню» активируйте поле «Выгружать в меню разделы из инфоблока «Мегаменю» (1). Вы можете отобразить большое меню (2). Сохраните изменения.

5dc3e894-7b5e-11f1-8fe4-fa163e2ff576

Настройка отображения мегаменю из инфоблока

Создайте разделы в инфоблоке «Мегаменю», чтобы настроить меню под свои пожелания. Для этого проделайте путь: Контент → Каталог (aspro.next) → Мегаменю. Создайте разделы или элементы. Когда пользователи будут на них наводить мышкой, выведется выпадающее меню. Например, создайте мегаменю для пунктов «Каталог», «Акции».

40d8629b-7b61-11f1-8fe4-fa163e2ff576 
Чтобы настроить элементы меню, перейдите по названию раздела.

d71e869a-7b60-11f1-8fe4-fa163e2ff576

Добавьте разделы (1) или элементы (2).

c0d745f3-7b5c-11f1-8fe4-fa163e2ff576 

 Добавление раздела


Укажите название раздела (1) и при необходимости загрузите изображение (2) на вкладке «Раздел». Укажите ссылку при клике на вкладке «Доп. поля».  

af7be16d-7b64-11f1-8fe4-fa163e2ff576 
Укажите ссылку при клике на вкладке «Доп. поля» (1).  

Начиная с версии 1.8.0, вы можете добавить SVG-иконку для раздела каталога из инфоблока «Мегаменю» (2). Сохраните изменения.
 
Во время масштабирования SVG-изображения не теряют качество, поэтому отлично заменяют собой несколько вариантов растровых файлов для разных разрешений экрана. К тому же SVG-иконка может быть встроена в HTML-код. Это значит, что она будет кэшироваться вместе с ним и загружаться быстрее, чем изображения в .png или .jpeg.

654c1678-7b5e-11f1-8fe4-fa163e2ff576 

Добавление элемента


Укажите название (1) категории и URL раздела или условий фильтра при клике (2). Сохраните изменения.

897f2b41-7b63-11f1-8fe4-fa163e2ff576


Предыдущая статья Фразы
Следующая статья Выстраивание отдельных пунктов меню из инфоблока в шапку каталога