1. aspro.ru
  2. Аспро: Корпоративный сайт 3.0
  3. Настройки шапки и меню
  4. Меню в шапке
  5. Настройки оформления выпадающего меню шапки

Настройки оформления выпадающего меню шапки


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

e9a16ff2-7b5f-11f1-8fe4-fa163e2ff576

Настроить оформление выпадающего меню можно двумя способами:

  • через виджет в публичной части;
  • в административном разделе.

Рассмотрим каждый вариант подробнее.

Виджет в публичной части

Перейдите в «Точную настройку», далее в раздел «Верхнее меню». Здесь можно включить нижний регистр для меню (1), настроить цвет верхнего блока (2) и цвет блока с меню (3).

2b5fc142-7b5f-11f1-8fe4-fa163e2ff576

Рассмотрим визуально разницу, когда для меню выключен и включен нижний регистр.

  • меню в нижнем регистре: выключено;

21cfc692-7b5f-11f1-8fe4-fa163e2ff576

  • меню в нижнем регистре: включено.

24a051ea-7b61-11f1-8fe4-fa163e2ff576

Рассмотрим цвета верхнего блока. Можно назначить цветной, светлый, темный, прозрачный и серый цвета. При этом, чтобы цвета отображались, в настройках шапки отступы должны быть отключены.

  • цвет верхнего блока: цветной;

427965b1-7b64-11f1-8fe4-fa163e2ff576

  • цвет верхнего блока: светлый;

d9daa5b2-7b62-11f1-8fe4-fa163e2ff576

  • цвет верхнего блока: темный;

a15262f1-7b5d-11f1-8fe4-fa163e2ff576

  • цвет верхнего блока: прозрачный;

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

  • цвет верхнего блока: серый.

aa29d029-7b5f-11f1-8fe4-fa163e2ff576

Блоку с пунктами меню можно назначить те же цвета.

  • цвет блока меню: цветной;

f2aa3a14-7b5d-11f1-8fe4-fa163e2ff576

  • цвет блока меню: светлый;

e5165f13-7b62-11f1-8fe4-fa163e2ff576

  • цвет блока меню: темный;

b2957ad6-7b5f-11f1-8fe4-fa163e2ff576

  • цвет блока меню: прозрачный;

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

  • цвет блока меню: серый.

4319fb1c-7b5d-11f1-8fe4-fa163e2ff576

Ниже в настройке «Изображения в широком меню» можно выбрать способ показа изображений у разделов каталога и услуг (4). Далее есть возможность изменить положение этих изображений в меню (5), а также контент пунктов широкого меню (6).

ee115569-7b64-11f1-8fe4-fa163e2ff576

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

  • без изображений;

dc94f8d7-7b5f-11f1-8fe4-fa163e2ff576

  • картинки;

82cc4e14-7b64-11f1-8fe4-fa163e2ff576

  • прозрачные картинки;

4c3fb8d5-7b5b-11f1-8fe4-fa163e2ff576

  • иконки.

422d929c-7b61-11f1-8fe4-fa163e2ff576

Положение изображений можно установить сверху и слева от меню.

  • положение изображений: сверху;

2710f8bd-7b64-11f1-8fe4-fa163e2ff576

  • положение изображений: слева.

9d044358-7b5f-11f1-8fe4-fa163e2ff576

Контент пунктов широкого меню может состоять из дочерних элементов разделов или описания к ним. Можно вовсе убрать этот контент.

  • Контент пунктов широкого меню: без контента.

15b89576-7b61-11f1-8fe4-fa163e2ff576

  • Контент пунктов широкого меню: дочерние элементы — вид элементов можно настроить по строкам или через разделители.

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

  • вид элементов: по строкам;

2b580009-7b5c-11f1-8fe4-fa163e2ff576

  • вид элементов: через разделители.

664cab88-7b60-11f1-8fe4-fa163e2ff576

  • Контент пунктов широкого меню: описание.

2ae053d8-7b5e-11f1-8fe4-fa163e2ff576

Административная панель

Для настройки оформления выпадающего меню в административной панели необходимо перейти в Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3) и кликнуть вкладку «Верхнее меню».

070732b6-7b62-11f1-8fe4-fa163e2ff576

На вкладке «Верхнее меню» доступны те же настройки, что рассматривались ранее. Выберите необходимое оформление и нажмите «Применить».

392909f4-7b5b-11f1-8fe4-fa163e2ff576

Предыдущая статья Меню в шапке
Следующая статья Редактирование пунктов меню в шапке