Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Kilopaskal

Recommended Posts

ДВС!

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

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

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

Надіслати
Поділитися на інших сайтах


  • 3 weeks later...

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

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

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

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

Змінено користувачем UrbanVampire
Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.