Как поменять стандартный значок корзины Open Cart?
Для того, чтобы поменять значок корзины в CMS Opencart, необходимо:
- Загрузить на сервер вашу иконку.
- Прописать путь к ней в нескольких файлах.
Для начала через админ-панель открываем файл cart.twig, расположенный по адресу: дизайн→редактор шаблона→common→cart.twig и находим в строке 2 такой код:
рис.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"> и меняем его на адрес картинки.
На этом всё. Если у вас есть вопросы, задавайте их в комментариях.
Комментарии
Юлия
(25.09.2020 - 19:07)Но этот значок не будет меняться при добавлении товаров, как я понимаю.
Admin
(26.09.2020 - 20:11)Да, не будет. Чтобы менялся при добавлении товаров, необходимо внести изменения в контроллер корзины.
Маке
(13.11.2021 - 22:07)Значок корзины на кнопке "купить" у продукта не меняется .Как его изменить? На самом корзине поменялся !
Admin
(15.11.2021 - 01:46)Чтобы поменять значок на кнопке "купить" необходимо в админке или на хостинге в файле /public_html/catalog/view/theme/ваша-тема/template/product/product.twig заменить старую иконку на новую..