Правим карточки товаров в CMS OpenCart 4

Сегодня мы с вами немного улучшим модуль рекомендуемых товаров — научим его брать название модуля написанное нами в админке, вместо названия прописанного в файле локализации (в файле перевода) и немного доработаем мини-карточки товаров (общий список товаров категории, результаты поиска и т.д.).

До:

Рекомендуемые товары CMS OpenCart 4

После:

Рекомендуемые товары CMS OpenCart 4

Берём Заголовок модуля из админки

Открываем файл: ../public_html/extension/opencart/catalog/controller/module/featured.php и после этой строки:

$this->load->model('tool/image');

вставим эту:

$data['heading_title'] = $setting['name'];

Теперь заходим в админку и переходим: Модули/Расширения — Модули/Расширения — Featured — Редактировать и меняем название модуля на Рекомендуемы товары (или любое другое своё название — Избранные товары, Новые поступления и т.д.).

Меняем старую и новую цены местами

Открываем файл: /public_html/catalog/view/template/product/thumb.twig и вместо этой строки:

<span class="price-new">{{ special }}</span> <span class="price-old">{{ price }}</span>

вставляем эту:

<span class="price-old">{{ price }}</span> <span class="price-new">{{ special }}</span>

На мой взгляд так логичнее, сначала видишь старую — зачёркнутую цену, а потом новую — со скидкой.

Калибруем карточки товаров

У товаров в общих списках есть небольшое описание, у некоторых товаров оно помещается в двух строках, а у некоторых в трёх, поэтому карточки товаров отличаются по высоте, выглядит некрасиво, зададим блокам описания одинаковую высоту в независимости сколько строк текста — две или три, смотреться будет всё равно лучше чем сейчас.

Откроем файл: ../public_html/catalog/view/stylesheet/stylesheet.css и после этих строк:

.product-thumb h4 {
  font-weight: bold;
}

вставим эти:

.product-thumb p {
    min-height: 60px;
}

Демонстрационный сайт: demo.moushe.ru (демо сайт обновляется вместе с выходом новых статей).

На этом всё, встретимся в следующей статье.

Оставить комментарий

Этот сайт защищен reCAPTCHA и применяются Политика конфиденциальности и Условия обслуживания.

Срок проверки reCAPTCHA истек. Перезагрузите страницу.

Навигация