8 800 500-47-11
8 800 500-47-11
Отдел продаж
База знаний
  • Все решения
  • Интернет-магазины
    • Аспро: Премьер
    • Аспро: Лайтшоп
    • Аспро: Максимум
    • Аспро: Шины и диски 2.0
    • Аспро: Next
    • Аспро: Оптимус
    • Аспро: Шины и диски, интернет-магазин
    • Аспро: Маркет
    • Аспро: Интернет-магазин
    • Аспро: Крутой шоп
  • Корпоративные сайты
    • Аспро: Приорити 2.0
    • Аспро: Корпоративный сайт 3.0
    • Аспро: Корпоративный сайт 2.0
    • Аспро: Стройка 2.0
    • Аспро: Инжиниринг
    • Аспро: Металл
    • Аспро: Digital 2.0
    • Аспро: Детский сад и образовательный центр
    • Аспро: Курорт 2.0
    • Аспро: Ландшафт 2.0
    • Аспро: Автосервис
    • Аспро: Медицинский центр 3.0
    • Аспро: Ландшафт
    • Аспро: Медицинский центр 2.0
    • Аспро: Курорт
    • Аспро: Стройка
    • Аспро: Сайт медицинского центра
    • Аспро: Корпорация
    • Аспро: Корпоративный сайт
    • Аспро: Корпоративный сайт современной компании
    • Аспро: Приорити
    • Аспро: Digital
  • Модули
    • Аспро: Привязка ответственного
    • Аспро: Шинный калькулятор
    • Аспро: Кредитный калькулятор
    • Аспро: Универсальный импорт
  • 1С-Битрикс
    • Общее

Как сделать меню с широкой выпадающей частью и добавить иконку «Гамбургер» для других пунктов меню?

ID статьи: 420 , создана 29 дек 2020
Актуально для:
Читайте, как настроить широкую выпадающую часть для любого пункта меню.

Решение
В шапке решений Аспро: Next, Аспро: Максимум, Аспро: Корпоративный сайт 2.0 и Аспро: Корпоративный сайт 3.0 есть возможность сделать широкую выпадающую часть для любого пункта меню и добавить иконку «Гамбургер» для других пунктов меню. Рассмотрим настройку на примере Аспро: Next.


Узкая выпадающая часть пункта меню



Широкая выпадающая часть пункта меню


Чтобы изменить настройки, в публичной части сайта перейдите в режим правки, наведите на область страницы и нажмите на появившуюся кнопку «Редактировать пункты меню».


Во всплывающем окне перейдите в панель управления.


Редактировать меню нужно в расширенном режиме. Для этого нажмите на одноименную кнопку.


Для нужного пункта меню, например для пункта «Каталог», укажите параметр CLASS и его значение wide_menu, если у вас решение Аспро: Next.


Если у вас решение Корпоративный сайт 2.0 или Корпоративный сайт 3.0, укажите параметр WIDE_MENU и его значение Y.


Если у вас решение Аспро: Максимум, укажите параметр CLASS и его значение wide_menu, чтобы сделать меню широким. Далее укажите параметр ICON, для которого можно выбрать два значения:

  • icon_catalog — отображать иконки каталога.
  • icon_discount — отображать иконки акций.

Как добавить иконку «Гамбургер» для других пунктов меню

Для некоторых типов меню в пункте каталога выводится «Гамбургер». В Аспро: Next «Гамбургер» отображается в типах меню № 3, 5-10.


Его можно добавить и к другим пунктам меню. Для этого в названии оставляем CLASS, а значение указываем catalog.


Если нужно прописать несколько значений, например, для широкого меню и «Гамбургер», то пишем значения через пробел.


Для изменения иконки акции для разделов в шапке, в соответствующем блоке выберите следующие параметры: название CLASS, значение icon sale_icon.

Сохраните изменения. 

Как подключить левое меню для нового раздела?

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


Добавьте 2 свойства: MENU_SHOW_SECTIONS и MENU_SHOW_ELEMENTS со значениями Y или N — в зависимости от того, что нужно выводить: разделы, элементы или все вместе.



Дмитрий
29.03.2021 07:54:50
А как сделать чтобы меню не становилось узким при прокрутке на Корп 2.0?
Мария Кирякова
30.03.2021 07:55:27

Здравствуйте, Дмитрий!

Благодарим за комментарий. В статье указан параметр WIDE_MENU и его значение Y для Корпоративного сайта 2.0.

Если возникнут технические вопросы, пожалуйста, обратитесь в техподдержку

https://aspro.ru/support/

Поможем с настройками решения.

Родитель
Даниил
03.03.2021 01:53:47
Вот самое интересное вы показали, но не рассказали как делать. А как сделать большое выпадающее меню без кнопки Гамбургер в Некст на 7 меню?
Мария Кирякова
03.03.2021 15:51:06

Здравствуйте, Даниил!

Благодарим за комментарий. Для нужного пункта меню, например для пункта «Каталог», укажите параметр CLASS и его значение wide_menu —

http://joxi.ru/8233xRjt8bzJq2

Если возникнут технические вопросы, пожалуйста, обратитесь в техподдержку

https://aspro.ru/support/

Поможем с настройками.

Родитель