Как в выпадающем меню пользователя установить иконки Font Awesome?

[Zero108 124]

У двух пунктов отсутствуют иконки. Как их указать в коде? My Bookmarks появляется после установки  приложения bookmark_1.3.0, а второй пункт без иконки Manage Promoted Items принадлежит системе, насколько я знаю.

Изменено 15 июня 2020 пользователем Zero108

[Zero108 124]

bookmark_1.3.0.tar

[Lesovsky 173]

1. Открыть applications/bookmark/hooks/template_front_global.php

Найти:

{lang="my_bookmarks"}

 

Заменить на:

 

<i class="fa fa-bookmark"></i> {lang="my_bookmarks"}

 

Выключить\включить приложение Bookmarks.

 

2. Открыть Ваш стиль/core/front/global/userBar

Найти:

					<li class='ipsMenu_item' data-menuItem='promote'><a href='{url="app=core&module=promote&controller=promote&do=view" seoTemplate="promote_manage"}'>{lang="promote_manage_link"}</a></li>

 

Заменить на:

 

					<li class='ipsMenu_item' data-menuItem='promote'><a href='{url="app=core&module=promote&controller=promote&do=view" seoTemplate="promote_manage"}'><i class="fa fa-ad"></i> {lang="promote_manage_link"}</a></li>

 

[Zero108 124]

2 часа назад, Lesovsky сказал:

<i class="fa fa-bookmark"></i> {lang="my_bookmarks"}

Получается сдвинутым. Насколько я понял, нужно править css, судя по строке выше. https://prnt.sc/t0cigz

[Zero108 124]

Исправил bookmarks так: 

1. /applications/bookmark/hooks/template_front_global.php

Найти: 

Цитата

<li class=\'ipsMenu_item\'>
                    <a href=\'{url="app=bookmark&module=bookmarks&controller=view" seoTemplate="bookmarks"}\'>
                        {lang="my_bookmarks"}
                    </a>
                </li>

Заменить на:

Цитата

<li class=\'ipsMenu_item\' data-menuitem=\'bookmarks\'>
<a href=\'{url="app=bookmark&module=bookmarks&controller=view" seoTemplate="bookmarks"}\'>{lang="my_bookmarks"}</a>
                </li>

2. В custom.css добавить:
 

Цитата

#elUserLink_menu li[data-menuItem='bookmarks'] a:before {
    content: "\f02e";
}

3. Деактивировать и активировать приложение.

https://prnt.sc/t0cms0

[Lesovsky 173]

К сожалению тут нет экстрасенсов, поэтому варианты и через html и css допустимы.

#elUserLink_menu li[data-menuItem='promote'] a:before { content: '\f641; }

UPD:

Чуть запоздал с ответом.

Изменено 15 июня 2020 пользователем Lesovsky

[Zero108 124]

20 минут назад, Lesovsky сказал:

 

#elUserLink_menu li[data-menuItem='promote'] a:before { content: '\f641; }

Установил плагин (aXen) Font Awesome 5 in IPS 5.12.1, так как f641 из Font Aawesome.com версии 5.4.1, у меня 4.4.10 поддерживает по умолчанию только Font Aawesome версии 4. Но всё равно не помогло - вместо иконки квадратик. То ли плагин старый, то ли не работает, хотя написано, что совместим с 4.4.

Цитата

#elUserLink_menu li[data-menuItem='promote'] a:before { 
    content: "\f641"; 
}

https://prnt.sc/t0cxkz

(aXen) Font Awesome 5 in IPS.xml

Изменено 15 июня 2020 пользователем Zero108

[Zero108 124]

Подошла иконка от версии шрифта 4.7.0: 
https://prnt.sc/t0dad6
Из пятой версии иконки не вставляются почему-то.