Изменить картинку корзины

[agag12]

Изменяю стандартный fa fa-shopping-cart на другой фа-фа, и ничего,обновлял модификатор, все равно. Меняю в cart.tpl .  Или не там надо менять ?

 

Скрытый текст

 

[jaffagold]

catalog\view\theme\имяшаблона\template\common\header.tpl

в строке, типа этой:

 <li><a href="<?php echo $shopping_cart; ?>" title="<?php echo $text_shopping_cart; ?>"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_shopping_cart; ?></span></a></li>

 

[agag12]

8 часов назад, jaffagold сказал:

catalog\view\theme\имяшаблона\template\common\header.tpl

в строке, типа этой:

 <li><a href="<?php echo $shopping_cart; ?>" title="<?php echo $text_shopping_cart; ?>"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_shopping_cart; ?></span></a></li>

 

Изменил и в header.tpl , ничего, просто пропала. Ставлю обратно fa fa-shopping-cart в cart.tpl и норм, но мне корзина эта не нужна, хочу fa fa-shopping-basket

[jaffagold]

Отсюда

http://fontawesome.ru/get-started/

скачать набор иконок

Сделать бекап старой папки

catalog\view\javascript\font-awesome\

 ( на всякий случай)

Заменить содержимое старой папки на содержимое архива.

Обновить страницу.

 

[agag12]

4 минуты назад, jaffagold сказал:

Отсюда

http://fontawesome.ru/get-started/

скачать набор иконок

Сделать бекап старой папки

catalog\view\javascript\font-awesome\

 ( на всякий случай)

Заменить содержимое старой папки на содержимое архива.

Обновить страницу.

 

Спс, а если хочу картинку, тогда в image кидаю ее, затем задаю к ней путь?

[jaffagold]

да, но зачем, если иконки есть?

 

Возможно, можно не скачивать всю папку

а достаточно было бы поправить старый

\catalog\view\javascript\font-awesome\css\font-awesome.min.css

найти

.fa-shopping-bag:before{content:"\f290"}

и сразу после него добавить

.fa-shopping-basket:before{content:"\f291"}

.

[BuslikDrev]

Ещё походу в common.js название иконки прописывается.

[jaffagold]

Точно.

Поэтому, в результате лабораторной работы было принято такое простое, хотя и не вполне корректное, решение:

Преимущество этого решения в том, что мы не лезем в классы 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. Настоятельно рекомендуется перед внесением изменений делать резервные копии всех меняющихся файлов.

[agag12]

В 08.07.2017 at 21:38, jaffagold сказал:

Точно.

P.S. Настоятельно рекомендуется перед внесением изменений делать резервные копии всех меняющихся файлов.

Спс, я скачал новый font awesome и в карте поменял на <i class="fa fa-shopping-basket" aria-hidden="true"></i> и все ок!)