Изображение категории в верхнем меню


Добрый день!

Подскажите, как включить функционал картинки в верхнем меню, как на демонстрационном сайте? У меня установлены плагины, но я не нашла инструкции вывода именно картинок, а не иконок. 


И можно ли вставить в меню описание? Например, вот так:

Спасибо вам за такой крутой шаблон, чем больше работаю с ним, тем больше понимаю, насколько он крут! Просто хочется использовать заложенный функционал на максимум.

3 ответа
  • Сергеев Владимир
    Разработчик
    Решение
    14 января 2021 19:21

    Здравствуйте, Екатерина!
    Хороший вопрос! Я думал, что уже написал инструкцию к этой возможности, но оказалось, что нет.

    Данное изображение задаётся через доп. параметры категории, для которой вы хотите добавить изображение.
    В данном случае доп. параметр у меня добавлен для категории «Мужские костюмы».

    Доп. параметр(ы) выглядит так:

    menu_img=src,link,title

    где:

    • menu_img – название доп. параметра
    • src – ссылка на изображение, которое вы предварительно загрузили в файл-менджере приложения Сайт (вот инструкция).
    • link – ссылка, куда должен вести клик по картинке (не обязательно)
    • title – заголовок для ссылки (если вы заморачиваетесь на SEO, не обязательно).

    Между параметрами доп. параметра ставится запятая БЕЗ пробела.

    Как видите на скриншоте, у меня третий параметр доп. параметра (title) не указан. 
    Ссылки лучше указывать относительные (без http//domen.ru). Это позволит использовать ссылки на разных витринах (поселениях) без проблем, а также может облегчить жизнь при смене домена (вдруг). 

      

    Почему я написал доп. параметр(ы) в начале?

    Потому что у данного доп. параметра есть дублирующие доп. параметры.
    Сам доп. параметр menu_img добавит картинку и в верхнее меню и в боковое.
    Если вам нужно добавить картинку только в верхнее меню, то можно использовать дублирующий доп. параметр:

    menu_img_top=src,link,title

    Если только для бокового меню, то:

    menu_img_side=src,link,title

     

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

    • Екатерина
      Решение
      14 января 2021 20:56

      Спасибо за ответ! Попробовала, сразу появилось несколько вопросов о корректности применения данной функции, при каких условиях она будет отображаться так, как на примере отдельной колонкой?

      Пока получается, что картинка вставляется, "раздвигая" ширину строки меню.

       

      • Сергеев Владимир
        Разработчик
        Решение
        15 января 2021 11:44

        К сожалению, в теме нет возможности показывать изображение в соседней колонке. =(

        На примере данный эффект получается, из-за того, что пункты из категории «Одежда» выводятся в двух колонках (категория «Одежда» имеет доп. параметр col_top=2).

        Там получается всего 2 категории, по одной в каждой колонке.
        1. Категория «Платья» открыта (имеет доп. параметр open=1), т.е. её подкатегории показываются под ней.

        2. Категория «Мужские костюмы» отдельная подкатегория категории «Одежда».
        Чтобы заполнить пустоту туда и было добавлено изображение категории.

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

         

    • A
      Решение
      7 февраля 2021 03:25

      Подскажите, пожалуйста, а можно как-то отключить в верхнем меню отображение загруженной картинки для категории? 

      Возможно есть какой-то доп.параметр? 

      menu_img=0 и menu_img=none не помогло

      http://joxi.ru/Q2KvvMgTv64kRm

      • Сергеев Владимир
        Разработчик
        Решение
        8 февраля 2021 12:02

        На скриншоте вы показали не изображение категории, а иконки. 
        Для иконок есть отдельный доп. параметр. Вы можете указать icon=uk-hidden (класс, который скрывает элемент), например.

        Подробности об этом доп. параметре в этой инструкции.

  • Сергеев Владимир
    Разработчик
    Решение
    14 января 2021 19:22
    И можно ли вставить в меню описание?

    К сожалению, нет. 

  • Сергеев Владимир
    Разработчик
    Решение
    14 января 2021 19:24
    Спасибо вам за такой крутой шаблон, чем больше работаю с ним, тем больше понимаю, насколько он крут!

    Благодарю за тёплые слова! Они очень мотивируют двигаться дальше! 
    Если вы ещё не оставляли отзыв о шаблоне, буду рад если напишите несколько добрых слов! 

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

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