Не уверен что ещё актуально, но сам только что столкнулся с тем же вопросом.
Ответ зависит от того какая тема оформления у вас установлена.
В случае стандартной (default) темы вам нужно отредактировать файл catalog/view/theme/default/stylesheet/stylesheet.css
Ищете фрагмент:
.product-thumb .price-new {
font-weight: 600;
}
и делайте с ним что хотите. Требуется базовое понимание CSS. Например, чтобы подкрасить красным нужно добавить
color: #d00;
Таким образом цена будет выделена в списке товаров. Выделить цену в карточке товара чуть сложнее но тоже возможно. Файл catalog/view/theme/default/template/product/product.twig
За вывод цены отвечает вот этот фрагмент:
{% if not special %}
<li>
<h2>{{ price }}</h2>
</li>
{% else %}
<li><span style="text-decoration: line-through;">{{ price }}</span></li>
<li>
<h2>{{ special }}</h2>
</li>
{% endif %}
Сверху выводится обычная цена, снизу старая цена и цена со скидкой. Тут уже требуется понимание еще и html. Можно пойти двумя путями: добавить в файл css новый стиль, а можно просто вставить цвет в h2 (в этом месте все профессиональные дизайнеры негодующе содрогнулись, но метод всё равно работает).
<h2><span style="color: #d00;">{{ special }}</span></h2>
Еще раз подчеркну что всё вышеперечисленное действительно только для стандартной темы. Впрочем, по аналогии, можно разобраться и с другими темами. Файл product.twig уже упоминался, за вывод акционного товара в списке отвечает файл special.twig.
Не забывайте делать резервные копии оригинальных файлов перед любыми изменениями.
