Цель задачи

Стандартизировать вывод цен в карточке товара, устранив путаницу при отображении стоимости за штуку или за коробку. В результате пользователь всегда должен видеть цену за одну единицу товара, а дополнительная информация о коробках должна быть выведена как второстепенная.

Требования к изменениям

1. Основной блок цены

  • Отображается только цена за 1 штуку;
  • Формат (XXX руб./шт.);
  • Шрифт - основной акцентный, как для главной цены в текущем дизайне;
  • Этот блок - самый заметный элемент в ценовой секции;

2. Дополнительный информационный блок

  • Размещается под основной ценой или рядом с ней;
  • Стилистически менее акцентный, чем основная цена (например: меньший размер, светлый цвет);
  • Текст сообщения:
    "Товар отпускается коробками по Y шт. | YYY руб./коробка";
  • Y - количество порций в коробке, YYY - цена коробки (значения подставляются из базы);

3. Визуальная иерархия

  • Цена за штуку - самый заметный и значимый блок;
  • Информация о коробке - вспомогательная (её основная часть визуально бледнее, меньший размер по сравнению с основной кнопкой/цены);
  • Между блоками должен быть четких визуальный контраст по значимости - первый - вырвиглаз, второй - тихоня;

4 Дополнительные макеты

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

Интеграция баннера новой услуги на сайт

Требуется добавить на сайт компании информационный блок, анонсирующий запуск услуги аренды техники. Баннер должен быть стилистически согласован с существующим дизайном сайта. Предоставлен файл с кодом сайта для интеграции.