При наведении на пункты верхнего меню, у которых есть подразделы, появляется подменю, которые мы называем hover-меню.

Картинки могут быть привязаны к разделам каталога,
BXReady_Market - Готовый интернет магазин для Битрикс - Google Chrome 2016-09-09 11.09.26.png

либо к пунктам меню, которые являются ссылками на разделы сайта.
BXReady_Market - Готовый интернет магазин для Битрикс - Google Chrome 2016-09-09 11.09.50.png


Чтобы привязать картинку к разделу каталога, вам нужно зайти в административную часть - Контент - Каталоги - Товары. Найти нужный раздел, нажать на кнопку настроек рядом с ним и выбрать Изменить.
Товары - - Google Chrome 2016-09-09 11.44.54.png
В открывшемся окне добавить разделу Изображение.
Товары_ Раздел_ Редактирование - - Google Chrome 2016-09-09 11.45.20.png
Сохранить.

Чтобы привязать картинку к пункту меню, зайдите в административную часть - Контент - Структура сайта - Файлы и папки. В корне сайта найдите файл Меню типа "top", нажмите на значок настроек рядом с ним, а затем Редактировать меню.
Управление структурой_ _ - - Google Chrome 2016-09-09 11.39.01.png

В открывшемся окне выберите Расширенный режим.
Редактирование меню - - Google Chrome 2016-09-09 11.40.37.png

Найдите нужный вам пункт меню (в примере "О магазине"), и добавьте ему параметр PICTURE. Значение этого параметра может быть ID картинки, либо ссылка на неё. ID картинки можно получить через API битрикса (вариант для разработчиков). Если вы не знаете ID, то укажите у параметра значением ссылку на картинку.
Редактирование меню - - Google Chrome 2016-09-09 11.42.00.png
Для картинки по ссылке не создается ресайз версия при выводе в меню - поэтому следует добавлять картинку сразу нужного вам размера.
BXReady_Market - Готовый интернет магазин для Битрикс - Google Chrome 2016-09-09 11.09.50.png


Если у вас еще не настроено само меню на вывод картинок, то перейдите в публичную часть.
Включите режим правки.
Наведите на меню и откройте его настройки.
BXReady_Market-D093D0BED182D0BED0B2D18BD0B9D0B8D0BDD182D0B5D180D0BDD0B5D182D0BCD0B0D0B3D0B0D0B7D0B8D0BDD0B4D0BBD18FD091D0B8D182D180D0B8D0BAD181-Go.png
В настройках hover меню выберите
Шаблон: Список с колонками и картинками
Картинка раздела: Картинка
Картинка категории: справа/слева (как нужно вам)
BXReady_Market - Готовый интернет магазин для Битрикс - Google Chrome 2016-09-09 11.36.20.png
Сохраните.


 Верхнее меню | Описание курса | Левое меню