Поиск
Искать в:
Все решения  
  • Все решения
  • Интернет-магазины
    • Аспро: Премьер
    • Аспро: Лайтшоп
    • Аспро: Максимум
    • Аспро: Шины и диски 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 есть возможность сделать широкую выпадающую часть для любого пункта меню и добавить иконку «Гамбургер» для других пунктов меню. Рассмотрим настройку на примере Аспро: 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.

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


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

Тэги

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