Точно.
Поэтому, в результате лабораторной работы было принято такое простое, хотя и не вполне корректное, решение:
Преимущество этого решения в том, что мы не лезем в классы html-Элементов и в скрипты.
И не подвергаем себя риску того, что какой-то сторонний модуль или скрипт вдруг захочет найти именно .fa-shopping-cart
Мы просто подменяем стиль отображения одной иконки стилем другой.
Разметку не трогаем.
Открываем сайт http://fontawesome.ru
( и до конца лабораторной работы не закрываем) Идем в иконки
http://fontawesome.ru/all-icons/
Задаем в поиске shopping
Смотрим в результатах поиска понравившуюся иконку. И это-
http://fontawesome.ru/icon/shopping-basket/
( Также можно открыть любой понравившейся сайт с нужной иконкой, главное, чтобы это была иконка fa)
В Инспекторе кода кликаем на нее и смотрим на разметку ( допустим, типа такой)
<i class="fa fa-shopping-basket fa-5" aria-hidden="true"></i>
::befor
Кликаем на befor и смотрим в Инспекторе кода на боковую панель стилей
.fa-shopping-basket:before {
content: "\f291";
}
Все, мы узнали ее код.
Открываем файл
\catalog\view\javascript\font-awesome\css\font-awesome.min.css
поиском ищем стандартную иконку fa-shopping-cart
Находим стандартный код
.fa-shopping-cart:before{content:"\f07a"}
Осталось его поменять на "\f291"
Сохраняем , обновляем модификаторы, если у нас нестандартный шаблон, перезагружаем страницу.
Если нам повезло сразу, то на всем сайте вид корзинки поменялся на нужный.
Если не повезло и мы видим пустой квадрат вместо иконки
Идем на сайт( а мы и не уходили)
http://fontawesome.ru
Скачиваем более полный набор шрифтов и заменяем новыми файлами файлы в папке
catalog\view\javascript\font-awesome\fonts\
Снова обновляем модификаторы и обновляем страницу.
Уф... мы это сделали...
P.S. Настоятельно рекомендуется перед внесением изменений делать резервные копии всех меняющихся файлов.