1. aspro.ru
  2. Аспро: Next
  3. Каталог
  4. Иконки категорий каталога в выпадающем меню

Иконки категорий каталога в выпадающем меню


В решении вы можете отобразить иконки разделов каталога в выпадающем меню. Такая опция улучшает юзабилити и повышает информативность сайта.

b8565c9b-7b5b-11f1-8fe4-fa163e2ff576

Включить или выключить отображение иконок можно через публичную и административную части сайта. В публичной части сайта это можно сделать с помощью виджета настроек. Откройте виджет на вкладке «Каталог» и активируйте или деактивируйте поле «Отображать иконки категорий каталога в выпадающем меню».

764d7349-7b64-11f1-8fe4-fa163e2ff576

Чтобы внести изменения через административную часть сайта, зайдите в Аспро → Аспро: Next → Настройки.

f363ec24-7b5e-11f1-8fe4-fa163e2ff576

Пролистайте до блока «Каталог» и активируйте или деактивируйте поле «Отображать иконки категорий каталога в выпадающем меню».

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

Как загрузить картинку или svg-иконку, чтобы иконка раздела каталога отличалась от иконки этого раздела в выпадающем меню

Вы можете загрузить другое изображение раздела каталога для выпадающего меню, чтобы оно отличалось от картинки этого раздела. Начиная с версии решения 1.7.8, появилась возможность загрузить svg-иконку для отображения в выпадающем меню каталога. Для настройки перейдите в публичную часть сайта и включите режим правки.


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

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

На вкладке «Доп. поля» в поле «UF_CATALOG_ICON» добавьте нужную картинку или svg-иконку. Если у вас для раздела каталога загружена картинка, а в это поле вы загрузите svg-иконку, то отобразится svg-иконка (svg-иконка в приоритете). Если вы ничего не загрузите, то автоматически будет использовано изображение раздела.

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

Мы загрузили svg-иконку, и теперь картинка раздела каталога отличается от картинки этого раздела в выпадающем меню:

Иконка раздела «Автоэлектроника» в выпадающем меню каталога

88693acc-7b5b-11f1-8fe4-fa163e2ff576

Иконка раздела каталога «Автоэлектроника»

Примечание: загруженная иконка отобразится не только в выпадающем меню каталога, но и в левом меню. При условии, что включена опция отображения иконок каталога в левом меню. Как активировать эту опцию, читайте в документации.

0632e7c9-7b62-11f1-8fe4-fa163e2ff576

Иконка раздела «Автоэлектроника» в левом меню каталога

Предыдущая статья Выпадающее меню каталога
Следующая статья Иконки категорий каталога в левом меню