Изменить цвет обычной цены и акции

[Kilopaskal]

ДВС!

Коллеги подскажите, как изменить цвет обычной цены товара с серого на черный и сделать жирным?

А когда на товар акция, чтобы акционная цена была красной?

Возможно такое?

[UrbanVampire]

Не уверен что ещё актуально, но сам только что столкнулся с тем же вопросом.

Ответ зависит от того какая тема оформления у вас установлена.

В случае стандартной (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.

Не забывайте делать резервные копии оригинальных файлов перед любыми изменениями.

Змінено 20 квітня 2019 користувачем UrbanVampire