Дата доставки з анімацією
Блок на картці товару показує живий орієнтир: «Отримаєш вівторок, 25 числа» — дата рахується у браузері від поточного дня з урахуванням строку доставки, робочих днів (вихідні пропускаються) і дедлайну замовлення «сьогодні до HH:MM». Поряд їде анімована іконка вантажівки. Це знімає невизначеність «коли прийде» прямо на сторінці товару й підштовхує до замовлення сьогодні, поки діє швидкий строк. Усі тексти, кольори та логіка робочих днів налаштовуються, рух вимикається для prefers-reduced-motion.
«2-3 робочі дні» — абстракція, що не чіпляє. Клієнт не уявляє, коли реально отримає, і відкладає покупку.
Що налаштовується в конструкторі
- Текст над датою
- Резервна дата (якщо скрипт не спрацює)
- Підпис під датою (резервний)
- Строк доставки, днів
- Дедлайн замовлення сьогодні (година, -1 = вимкнено)
- Пропускати вихідні (сб/нд)
- Колір акценту (дата + машинка)
- Заокруглення кутів
8 налаштувань · 4 пресетів · під Хорошоп
Купуєте один раз — назавжди.
3 блоки −10% · 5 −20% · 10 −30%
Живе прев'ю
Так блок виглядає на сторінці. Кольори й тексти підлаштуєте в конструкторі.
Прев'ю інтерактивне — наведіть і клікніть, щоб перевірити поведінку блока.
Як це працює
- Замість «2-3 дні» — конкретна дата: «Отримаєш у середу, 22 липня»
- Рахує сам у браузері: робочі дні, вихідні, дедлайн замовлення (напр. до 14:00 — сьогодні)
- Час рахується по Києву з урахуванням переходу на літній час — дата не збивається
- Знаходить блок ціни/купівлі сам; не на картці товару — не показується
Питання
Звідки береться дата?
Рахується у браузері від поточного дня + ваш термін доставки (робочі дні), з урахуванням вихідних і дедлайну замовлення. Нічого не тягне ззовні.
А якщо замовлення після дедлайну?
Тоді відлік починається з наступного робочого дня. Дедлайн (годину) задаєте самі.
Впливає на швидкість?
Ні — один невеликий інлайн-скрипт без зовнішніх запитів, у «Скрипти після тегу body».
Працює на мобільному?
Так, віджет зʼявляється біля ціни і на ПК, і на телефоні (розмітка Хорошопа врахована).