иконки к пунктам pdomenu

Здравствуйте. Подскажите пожалуйста, как добавить иконки к пунктам меню? (pdoMenu)

Ван Тайгер

11 января 2015, 15:51

4 098

Комментарии: 5

Ivan Shvindin

11 января 2015, 21:19

настройки ресурса www.dropbox.com/s/q7o8tzjvet7uidd/icons1.png?dl=0
параметры сниппета для бутстрапа

<div class="navbar-collapse collapse" id="navbar-collapse">
      [[!pdoMenu? 
        &outerClass=`nav navbar-nav`
        &innerClass=`dropdown-menu`
        &rowClass=`nav-item`
        &parentClass=`dropdown`
        &tplParentRow=`@INLINE <li[[+classes]]><a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false" href="[[+link]]" [[+attributes]]>[[+menutitle]] <i class="fa fa-angle-down"></i></a>[[+wrapper]]</li>`
        &tplInnerRow=`@INLINE <li><a href="[[+link]]" [[+attributes]]>[[+menutitle]]</a>[[+wrapper]]</li>`
        &parents=`0`
        &level=`2`
        &cache=`1`
      ]]
    </div>

итог www.dropbox.com/s/i182puohkcwlpnl/icons2.png?dl=0

Alexander V

11 января 2015, 21:20

Лучше код меню покажите. В горизонтальном расположении я просто вписываю иконку в Пункт меню.

<i class="uk-icon-exchange"></i> Партнёрам

Максим Кузнецов

11 января 2015, 21:46

Можно в ресурсах, которые собираешься выводить, в пункт «атрибуты ссылки» дописать что-нибудь в духе class=«icon-название» для каждого пункта, где требуется иконка и вывести в шаблоне (tpl) в нужном месте при помощи плейсходлера [[+attributes]].

Дальше — дело за css.

Ван Тайгер

11 января 2015, 22:24

Спасибо большое, друзья! Решил проблему через «атрибуты ссылки»…

Наумов Алексей

12 января 2015, 09:03

Я использую параметр rowClass=`item-[[+id]]` или как то так он называется, что бы добавить к каждому пункту меню class=«item-123» (для примера), а потом прописываю эти классы в css файле.

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.