Как поменять значок корзины Open Cart? 5/5 (2)

Как поменять стандартный значок корзины Open Cart?

Для того, чтобы поменять значок корзины в CMS Opencart, необходимо:

  1. Загрузить на сервер вашу иконку.
  2. Прописать путь к ней в нескольких файлах.

Для начала через админ-панель открываем файл cart.twig, расположенный по адресу: дизайн→редактор шаблона→common→cart.twig и находим в строке 2 такой код:

<i class="fa fa-shopping-cart"></i>.

cart.twig

рис.1 cart.twig

Именно эта строчка отвечает за вывод иконки корзины, поэтому поменяв её на путь до нужной вам картинки на сервере, например: <img src=/image/cart.png>,  мы добьёмся желаемого результата.

Казалось бы  и всё, но Opencart не был бы Opencart - ом, если бы всё было так просто.

При добавлении товара в корзину значок будет опять меняться на стандартную иконку, и виноват в этом скрипт common.js, расположенный по адресу:

 ваш_домен/catalog/view/javascript/common.js.

Открываем common.js, находим через поиск все места, где упоминается<i class="fa fa-shopping-cart">, и так же, как и в cart.twig, меняем этот код на <img src=/image/cart.png>.

Но и это еще не всё. Теперь, если провалиться в карточку товара и добавить товар в корзину оттуда, то иконка опять будет меняться на дефолтную. Исправить это можно, отредактировав файл  product.twig.

Открываем его через админ - панель: дизайн→редактор шаблона→product→product.twig, находим в строке 415 уже знакомый код <i class="fa fa-shopping-cart"> и меняем его на адрес картинки.

На этом всё. Стандартная иконка корзины окончательно побеждена.)

 

 


Оставить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *