Поиск
Искать в:
Все решения  
  • Все решения
  • Интернет-магазины
    • Аспро: Лайтшоп
    • Аспро: Максимум
    • Аспро: Шины и диски 2.0
    • Аспро: Next
    • Аспро: Оптимус
    • Аспро: Шины и диски, интернет-магазин
    • Аспро: Интернет-магазин
    • Аспро: Крутой шоп
    • Аспро: Маркет
  • Корпоративные сайты
    • Аспро: Корпоративный сайт 3.0
    • Аспро: Корпоративный сайт 2.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 custom.css google maps init.php SEO sitemap sku template.php title автокомпозит авторизация адаптивная верстка аксессуары активация 1С-Битрикс акции баннеры бета-версия Битрикс24 бренды быстрый заказ валюта видео виджет вкладки выводить описание главная страница добавить поле заголовки заголовки на главной изменить заголовки изображения Интернет-магазин каптча капча карта карточка товара кастом каталог товаров кеш классы стилей код решения кодировка количество товара конвертация валюты контакты корзина левое меню личный кабинет логотип магазины маска телефона мегаменю медиабиблиотека меню местоположения многосайтовость модули модуль настроек название сайта наличие товара настройка валют настройка веб-форм настройка инфоблоков настройка компонентов настройка свойств настройка списка настройки доступа настройки инфоблока настройки магазина настройки модулей настройки раздела нет в наличии новости номера облако 1с-битрикс обновление платформы обновление решения обратный звонок ограничения описание основной баннер отзывы отзывы о товаре отображение свойств отображение товаров отсутствующие товары на складах оформление заказа персональные рекомендации платежные системы подразделы каталога поиск покупка в 1 клик пользовательские свойства поля отзывов похожие товары почтовые уведомления почтовые шаблоны привязать товары проекты проживание разделы каталога разработчикам региональные счетчики регистрация резервное копирование свойства заказа свойства инфоблока свойства раздела свойства товара связанные товары символьный код скидки скидки на товар скорость загрузки сайта скрывать изображение модели сортировка социальные сервисы список заказов список пользователей способы доставки сравнение товаров ссылка статьи структура сайта тайтл текст блока «Характеристики» тизеры типы цен товары на складах товары поиск торговые предложения умный фильтр услуги установка решения уязвимости файлы и папки форма задать вопрос формы формы на инфоблоках формы обратной связи форум футер хлебные крошки цены чпу шаблоны на инфоблоках элементы навигации