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

5717

Как поменять стандартный значок корзины 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"> и меняем его на адрес картинки.

На этом всё. Если у вас есть вопросы, задавайте их в комментариях.

 

 

Комментарии

    Юлия

    (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 заменить старую иконку на новую..

Добавить комментарий

Ваш адрес email не будет опубликован.

*
code