CMS OpenCart 3.0 работаем с ценой товара

Всем привет, в этой статье я покажу вам как сделать несколько полезных доработок (улучшений) вашего интернет магазина на CMS OpenCart 3.0, сегодня будем работать с валютами и ценами.

1. Разделяем цену товара точками или пробелами (тысячные значения)

Откроем файл ../catalog/language/ru-ru/ru-ru.php и вместо этой строки (9):

$_['thousand_point'] = '';

вставим эту (вставили пробел):

$_['thousand_point'] = ' ';

или эту (вставили точку):

$_['thousand_point'] = '.';

2. Разделим цену товара и символ валюту пробелом (при желании валюту можно и переименовать):

Админка > Система > Локализация > Валюта > Изменить > Символ справа:

ставим перед р. пробел, при желании вместо р. можно написать руб. (что я и сделал на демонстрационном сайте).

3. Разделим цену и валюту для отдельной правки оформления (по умолчанию в CMS OpenCart цена и валюта имеют одно и тоже CSS оформление, мы же создадим для символа валюты отдельный CSS класс), откроем файл ../system/library/cart/currency.php и вместо этой строки (44):

$string .= $symbol_left;

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

$string .= "<span class=\"symbol\">" . $symbol_left . "</span>";

а вместо этой (50):

$string .= $symbol_right;

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

$string .= "<span class=\"symbol\">" . $symbol_right . "</span>";

Внимание: Обязательно чистим все кеши!

Теперь необходимо добавить оформление нашей валюте (CSS стили), откроем файл ../catalog/view/theme/default/stylesheet/stylesheet.css и в конец файла добавим эти строки (758-762):

.symbol {
  text-transform: uppercase; 
  font-weight: bold;
  color: #616161;
}

Чистим кеш браузера и смотрим что же у нас получилось:

CMS OpenCart 3.0 Работаем с ценой товара
CMS OpenCart 3.0 Работаем с ценой товара

На сегодня всё, вступайте в нашу группу в ВК и следите за нашими новостями.

Живой пример (обновляется одновременно с выходом новых статей): https://about-all.ru

3 комментария

  1. Аватар

    Владислав, Вы гений! Я по не внимательности действительно не поставил пробел.
    Все отлично работает, спасибо.
    Добавил еще к вашему коду font-size, что бы можно было сделать цифры покрупнее, а буквы валюты поменьше.
    Еще раз спасибо!

Комментарии

Navigate