icon – иконка меню

Где применяется

Заголовки страниц и категорий товаров, меню страниц и категорий товаров

Назначение

Благодаря этому доп. параметру можно добавить иконки в меню и заголовок страницы/категории товара.

Для иконок категорий товара могут использоваться плагины: Картинки для категорий или Иконка, изображение и баннер для категории. Данный параметр является "сильнее" плагинов. Если для категории будет добавлено изображение через плагин, и вы добавите иконку через доп. параметр icon, то вместо картинки из плагина вы увидите иконку.

Использование

Пример использования:

icon=fa fa-rocket

Вы можете использовать два иконочных "провайдера":

В версии 1.4.4 добавлен новый набор цветных emoji-иконок.
Использование: выбираете здесь иконку.
В доп. параметре icon прописываете:

icon=em em-[name]

[name] меняете на название иконки.
Например: icon=em em-rocket

Владимир Сергеев
Разработчик
Последнее обновление: 13 февраля 2020
Эта статья была полезна?ДаНет

17 комментариев

  • Порумб Иван
    8 сентября 2017 10:54

    Владимир, добрый день.

    Хочу изменить иконку в блоке навигации на свою, так как у иконочных "провайдеров", нет того что мне нужно. Установил плагин - "ИКОНКА, ИЗОБРАЖЕНИЕ И БАННЕР ДЛЯ КАТЕГОРИИ". Но не могу выполнить все условия установки по инструкции - Далее в функции {wa_print_tree} в элементе "a" добавьте атрибут data-icon-id=":id" что бы получилось так:


    Где находится {wa_print_tree}, не могу найти его?

  • Владимир Сергеев
    Разработчик
    8 сентября 2017 11:09

    Иван, вам не нужно вносить никаких изменений в коде.
    Откройте настройки темы для приложения Магазин и пройдитесь поиском по браузеру (MAC: cmd+F, WIN: ctrl+F) по слову:

    wmimageincat

    Такое краткое название у этого плагина.
    И везде, где нужно (всего 6 опций для разных мест в теме), отметьте радио-кнопку напротив этого плагина.


    Однако, стоит заметить, что иконки через доп. параметры "сильнее", чем изображения плагина.
    Иными словами, если у категории есть изображение из плагина и иконка, добавленная через доп. параметр, то отображаться будет именно иконка, а не изображение плагина.

    Поэтому в категориях, где вы указывали доп.параметр icon либо удалите его, либо переименуйте в _icon, например.

  • bip
    12 января 2018 17:31

    как добавить иконку к блогу? Там нет доп. параметров...

  • Юрий
    19 января 2018 15:39

    А если не планируем использовать иконки emoji и webhostinghub - как выпилить из темы?
    Что бы лишние стили и фонты не грузились за зря.

    • Владимир Сергеев
      Разработчик
      19 января 2018 18:03

      В теме для приложения Сайт - в файле index.html найдите код:

      <link rel="stylesheet" property="stylesheet" href="{$wa_real_theme_url}fonts/whhg/css/whhg.min.css?v1.3">
      
      {*  NOTE:   emoji BETA-experimental
                  Использование:  http://jslegers.github.io/emoji-icon-font/
                                  icon заменить на emoji
                                  цветная иконка:                 emoji-name
                                  монохромный изменённый аналог:  emoji emoji-name
                                  name заменить на название иконки, например gift => emoji-gift
      *}
      <link rel="stylesheet" property="stylesheet" href="{$wa_real_theme_url}fonts/emoji/emoji.min.css?v1.3">
      
      
      {*  NOTE:   emoji-color
                  Использование:  https://afeld.github.io/emoji-css/
                                  <i class="em em-[name]"></i>
                                  name заменить на название иконки, например gift => <i class="em em-[gift]"></i>
      *}
      <link rel="stylesheet" property="stylesheet" href="{$wa_real_theme_url}fonts/emoji-color/emoji.min.css?v1.4.4">

      И удалите ненужные стили.

    • Василий Лисовой
      2 марта 2018 12:05

      не нашел значек вайбера, не поможете?

    • Андрей
      23 мая 2018 20:39

      Установил плагин Логотип категории...

      Необходимо сделать правки в боковом и верхнем меню товаров - вывести иконки категорий...

      Подскажите, плиз, какой файл отвечает за вывод категорий товаров? Все перерыл - не могу найти...

      • Владимир Сергеев
        Разработчик
        26 мая 2018 07:26

        Андрей, если вы говорите об этом плагине, то вы можете подключить его в настройках темы. 
        Откройте настройки темы и пройдитесь поиском по браузеру (ctrl+F или cmd+F на macos) по слову: 

        categoryimages

        И вы найдёте все места подключения этого плагина в теме, включая вывод в боковом и верхнем меню. 

      • Андрей
        28 мая 2018 15:30

        Доброго времени суток!

        Да, именно об этом плагине...

        Но у меня нет третьей настройки как на картинке...

        Есть categoryimage и wmimageincat, а categoryimages нет...

        • Владимир Сергеев
          Разработчик
          28 мая 2018 17:55

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

          Чтобы включить через файлы, вам нужно открыть приложение Сайт - дизайн - proStore - шаблоны и выбрать файлы, указанные на скриншоте:

          Найти подсказки в этих файлах и включить вручную поддержку плагина:

          {*  Если у вас стоит плагин Логотип категории и его подключения нет в настройках темы *}
          {*  Удалите звёздочки в строке ниже *}
          {*$cat_plugin = 'categoryimages'*}
          {*  Затем в настройках плагина включить Маленький эскиз и задать размер 36x36
              Затем в настройках категории загрузить изображение.
              Если изображение уже загружено, но не выводится, необходимо его перезагрузить (удалить и загрузить заново) в настройках плагина –> перейти в менеджер изображений. Либо обратиться к разработчику плагина с вопросом как можно перегенерировать эскизы изображений в связи с добавлением нового размера эскиза.
          *}

        • Евгения
          12 февраля 2020 19:12

          А есть какие-то еще иконочные провайдеры? А то в предложенных ничего женского нет особо, а хотелось бы

          • Владимир Сергеев
            Разработчик
            13 февраля 2020 11:15

            Здравствуйте, Евгения! 

            К сожалению, мои темы больше не располагают никаким иконочными наборами. 
            Можете поискать ещё какие-нибудь иконочные шрифты. Например, icofont.com.

            Или другие. Ищите по ключевым словам icon font. 
            Но их нужно подключать – загружать шрифты на ваш сервер и прописывать таблицу стилей для иконок.

            Добавить комментарий
            Чтобы добавить комментарий, зарегистрируйтесь или войдите
            Мы получаем и обрабатываем персональные данные посетителей нашего сайта в соответствии с официальной политикой.
            Если Вы продолжите использовать сайт, мы будем считать, что Вас это устраивает.
            Подписывайтесь и получайте скидки!

            Узнавайте первым о скидках и специальных предложениях!