Срок акции, которому покупатель верит, и кнопка покупки всегда под рукой
Таймер, который заново запускается при каждом визите, приучает не верить срокам. Акция без видимого конца не даёт причины решить сегодня.
Здесь срок — это сама акция: дату берём из специальной цены товара, метка скидки считает себя по двум ценам, а в последние дни дата сменяется отсчётом по секундам. Когда отсчёт доходит до нуля, акционной цены нет и в корзине.

Магазинам, у которых акции кончаются в назначенный день
Сезонные распродажи, распродажа прошлой коллекции, цена запуска нового товара — любая скидка, которая должна закончиться в свой день.
Покупатель
Видит старую цену, новую и последний день акции одним взглядом — и знает, что срок настоящий.
Владелец
Задаёт акционную цену и её даты один раз. Метка, дата и отсчёт появляются и исчезают сами.
Менеджер
Не запускает и не выключает отдельный таймер и не разбирает жалобы, что цены «последнего дня» не оказалось в корзине.
Цена, скидка и срок — одним взглядом
Метка «−25%» на фото считается по обычной и акционной цене, поэтому всегда с ними сходится. Сразу под ценой покупатель читает последний день акции. Дату печатает сервер: она видна ещё до загрузки скриптов.

Ближе к концу дата становится отсчётом
В последние дни акции — по умолчанию за семь, число выбираете вы — дату сменяют дни, часы, минуты и секунды. Отсчёт идёт к полуночи после последнего дня по часам самой витрины: наша русская витрина считает по Москве, английская — по UTC, и каждая заканчивает ровно тогда, когда кончается её акционная цена.


Без бегущих цифр для тех, кто просил покоя
Если посетитель остановил анимацию на сайте или попросил своё устройство показывать меньше движения, он видит дату вместо бегущих цифр: замерший отсчёт врал бы, дата — нет. Экранный диктор всегда читает дату, а не каждую секунду.
Кнопка «В корзину» идёт за покупателем вниз
Как только основная кнопка уходит за край экрана, снизу выезжает тонкая полоса: фото, название, акционная цена, количество и кнопка. Читать описание и отзывы можно, не возвращаясь наверх, чтобы купить.

На телефоне кнопка есть с первого экрана
На экран телефона помещаются фото и название, а кнопка — нет. Полоса сразу показывает акционную цену и «В корзину» над нижним меню и уступает место, когда покупатель доходит до основной кнопки и срока акции.


Две настройки для каждой версии магазина
Включите или выключите срок акции и выберите, за сколько дней до конца начинается отсчёт; 0 оставляет дату до самого конца. Сама акция — это специальная цена товара с датами: отдельного таймера, который забудут выключить, нет.

От вашего прайса до первой акции
1. Ваши цены
Заносим акционные цены с датами начала и конца для выбранных товаров — вручную или из вашего прайс-листа.
2. Ваши правила
Сколько дней идёт отсчёт и показывать ли дату вообще — отдельно для каждого языка и валюты магазина.
3. Проверка
Открываем акционные товары во всех версиях магазина, в светлой и тёмной теме и на телефоне и сверяем дату с корзиной.
Что мы проверили своими руками
Кадры сняты на нашем сайте. Кружка — демо-товар: её включили и дали ей акцию только на время съёмки и сразу всё вернули.
- Русская и английская витрины, светлая и тёмная тема, компьютер и телефон
- Акция, которая кончается через три недели, показывает дату; через два дня — отсчёт; при выключенном движении те же два дня показывают дату
- Две витрины считают до своей полуночи: по Москве и по UTC
- Ни одного заказа: акция существовала только на время кадров
Акции, которые кончаются, когда вы сказали
Настроим акционные цены, отсчёт и полосу покупки в вашем магазине.