|
В решении предусмотрена возможность добавления иконок для разных типов левого меню.
![Иконки разделов у левого меню.png Иконки разделов у левого меню.png](/upload/medialibrary/7f2/7f271918bed399754827a05a50b953a4.png)
Способ добавления иконок пунктам меню зависит от того, какой тип меню у вас выбран.
1 вариант.
У вас выводятся только разделы каталога.(и установлен параметр в настройках меню "Картинка раздела" - "Иконка")
Чтобы установить иконки разделам, зайдите в административную часть - Контент - Каталоги - Товары. Если вы добавляли свой тип инфоблока и свой инфоблок каталога, то последние 2 пункта будут другими. В списке разделов найдите нужный вам раздел, нажмите значок меню и выберите Изменить.
![Добавление иконки разделу 1.png Добавление иконки разделу 1.png](/upload/medialibrary/34a/34a9a019d903ef32112358b28e6e20dd.png)
Откроется страница редактирования раздела, откройте вкладку Доп.поля. В решении по умолчанию добавлены 3 пользовательских свойства, для добавления иконки.
UF_ICO_COLOR - для левого меню в светлом варианте
UF_ICO_DARK - для левого меню в темном варианте
UF_ICO_LIGHT - нигде не используется, но может понадобится веб-разработчикам для каких-то своих целей.
Замените/загрузите свой файл в нужное вам свойство.
![Товары_ Раздел_ Редактирование - - Google Chrome 2016-03-14 17.03.51.png Товары_ Раздел_ Редактирование - - Google Chrome 2016-03-14 17.03.51.png](/upload/medialibrary/06d/06d84690326741fb63eb4926b0c82ac5.png)
Если вы создавали свой инфоблок для каталога, то эти свойства будут отсутствовать. Чтобы их добавить, откройте эту же вкладку Доп.поля и нажмите Добавить пользовательское свойство. Откроется страница на добавление нового свойства. Создайте аналогичное свойство (объект у вас будет другой, заполнится автоматически)
![Добавление пользовательского свойства разделам.png Добавление пользовательского свойства разделам.png](/upload/medialibrary/6da/6da67d7060c8c74ccd80634e9f1cf947.png)
Затем снова зайдите в редактирование раздела и добавьте в это свойство картинку. Сохраните.
После добавления картинки, она появится в левом меню слева от настраиваемого раздела.
![Иконки разделов у левого меню.png Иконки разделов у левого меню.png](/upload/medialibrary/7f2/7f271918bed399754827a05a50b953a4.png)
2 вариант.
Вы добавляете пункты меню вручную через Редактировать пункты меню.
![Стандартное меню.png Стандартное меню.png](/upload/medialibrary/fef/fef139d9da11a788f9c20242118a5e0d.png)
Сначала загрузите нужные вам иконки/картинки в папку сайта. Обычно для этого используют папку /ulpoad. В ней вы можете создать вручную папку для меню. Либо загрузите изображение через медиабиблиотеку и скопируйте ссылку на него.
В режиме правки наведите на меню и нажмите Редактировать пункты меню.
![Редактирование пунктов меню - Публичная часть.png Редактирование пунктов меню - Публичная часть.png](/upload/medialibrary/d20/d20fd103739123565c75a5ed97d03adf.png)
Откроется окно редактирования, нажмите на ссылку Редактировать меню в Панели управления
![Редактирование меню в административной части.png Редактирование меню в административной части.png](/upload/medialibrary/9e3/9e3a45e0b8244ab97a35c3e5c52fb565.png)
Вы перейдете в административную часть на страницу редактирования меню. Нажмите Расширенный режим.
![Редактирование меню - Административная часть.png Редактирование меню - Административная часть.png](/upload/medialibrary/868/868af0b4e825958646f68366c5a9be07.png)
Теперь выберите или добавьте нужный вам пункт. В параметрах укажите: Название - IMG, Значение - <путь до картинки от корня сайта>.
![Расширенный режим управления меню.png Расширенный режим управления меню.png](/upload/medialibrary/212/212dead9cb7b947de4acad1525fdb132.png)
Сохраните.
Далее вам нужно обязательно кастомизировать шаблон компонента меню.
И отредактировать его согласно инструкции из документации битрикс.
Изменение настроек левого меню |
Описание курса
| Что мы назвали "блоками"
|