Поиск
Искать в:
Все решения  
  • Все решения
  • Интернет-магазины
    • Аспро: Премьер
    • Аспро: Лайтшоп
    • Аспро: Максимум
    • Аспро: Шины и диски 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 — в зависимости от того, что нужно выводить: разделы, элементы или все вместе.



  • Комментарии
Загрузка комментариев...
Для пользователей

Тэги

1С-Битрикс cdn custom.css element.php Google Fonts google maps Google Mobile Friendly Websites js-скрипт SEO sku template.php title автокомпозит авторизация адаптивная верстка адаптивные таблицы активация 1С-Битрикс акции баннеры Битрикс24 бренды быстрый заказ валюта видео вкладка Отзывы вкладки главная страница заглушка в картах заголовки знаки вопроса изображения Интернет-магазин капча карта карточка проекта карточка товара каталог товаров каталог услуг кеш классы стилей кодировка количество товара композит контакты корзина купить в 1 клик левое меню личный кабинет логотип магазины мало маска телефона медиабиблиотека меню местоположение местоположения модули модуль настроек название сайта настройка валют настройка веб-форм настройка инфоблоков настройка компонентов настройка свойств настройки доступа настройки инфоблока настройки магазина настройки модулей настройки раздела нет в наличии новости обновление платформы обновление решения обратный звонок ограничения описание для анонса описание раздела основной баннер отзывы отзывы о товаре отключить виджет отображение свойств отображение товаров оформление заказа ошибка 404 персональные рекомендации платежные системы подбор проектов поиск покупка без наличия покупка в 1 клик пользовательские свойства популярные категории порядок отображения картинок похожие товары почтовые уведомления почтовые шаблоны права доступа привязать товары проекты проживание разделы каталога разработчикам региональный фильтр регистрация резервное копирование свойства заказа свойства инфоблока свойства раздела свойства товара связанные товары символьный код скидки скидки на товар скорость загрузки сайта скрывать картинку модели сортировка социальные сервисы список заказов список пользователей способы доставки сравнение товаров ссылка стикеры структура сайта текст блока «Характеристики» тизеры тип цен типы цен товары на складах торговые предложения Триггерные рассылки умный фильтр услуги установка решения уязвимости файлы и папки форма покупки в 1 клик формы формы на инфоблоках формы обратной связи форум футер хлебные крошки цены чпу шаблоны на инфоблоках Шины и Диски элементы навигации