BasicStero: ТЗ на добавление баннеров и новых блоков на сайт

Баннеры:

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

p.s. пожалуйста помните про версии для смартфонов и планшетов при разработке

1 - Всплывающий баннер:

Описание: картинка, которая появляется по центру экрана, с возможностью закрыть ее в правом верхнем углу нажав на крестик или нажав в любом другом месте кроме картинки.

Размер: соотношение сторон картинки 16:9, скейлится в зависимости от размера экрана.

Дополнительно: задний фон должен быть слегка затемнен, пока пользователь не закроет баннер.

Пример как это должно выглядеть:

Опции (выбираются при добавлении баннера в админке) (все поля обязательны):
- показать баннер сразу или спустя n количество секунд.
- показать баннер только на главной или на всех страницах кроме главной.
- как часто показывать баннер:
а) при каждом обновлении страницы.
б) 1 раз в n-суток (указывается админом при добавлении).
- баннер кликабельный или нет (если да: можно вставить ссылку, куда он будет вести. Ссылка открывается в новом окне).
- показывать на баннере обратный отсчет снизу или нет (если да: можно выставить дату для обратного отсчета. Мне от вас потребуется ТЗ, что мне говорить дизайнеру, чтобы он оставлял место под счетчик).
- указать дату, когда баннер сам перестанет показываться.

2 - Полоска баннер:

Описание: яркая полоска с текстом, прикрепленная снизу сайта, поверх всего интерфейса. Ее можно закрыть, нажав крестик справа на самой полоске.

Размер: полоска идет во всю ширину экрана. Высота скейлится в зависимости от количества текста, но не более 2 строк текста.

Дополнительно: в качестве текста могут использоваться эмоджи.

Пример как это должно выглядеть:

Опции (выбираются при добавлении баннера в админке) (все поля обязательны):
- показать баннер сразу или спустя n количество секунд.
- показать баннер на всех страницах или на каких-то конкретных (если на конкретных: нужно указать страницу, на которой будет показан этот баннер).
- как часто показывать баннер:
а) при каждом обновлении страницы.
б) 1 раз в n-суток (указывается админом при добавлении).
- баннер кликабельный или нет (если да: можно вставить ссылку и текст(!) будет кликабельным. Ссылка открывается в новом окне).
- показывать на баннере обратный отсчет в конце текста или нет (если да, то можно выставить дату для обратного отсчета и в конце текста будет идти таймер (жирным шрифтом)).
- указать дату, когда баннер сам перестанет показываться.

3 - Баннер на главной странице:

Описание: статичный баннер, который показывается только на главной странице под H1.

Размер: в примере показал как это должно выглядеть.

Дополнительно: От вас мне нужно будет ТЗ для дизайнера какие соотношения сторон должны быть, чтобы баннер выглядел хорошо на ПК, планшетах и смартфонах.

Пример как это должно выглядеть:

Опции (выбираются при добавлении баннера в админке) (все поля обязательны):
- баннер кликабельный или нет (если да: можно вставить ссылку и он будет кликабельным. Ссылка открывается в новом окне).
- указать дату, когда баннер сам перестанет показываться.

Новые блоки на главной странице сайта:

Примечание: В каждый блок с товарами можно вручную добавить товар в админке и указать ему место в этом блоке.

1 - Под новым баннером на главной странице нужно сделать блок c H2 заголовком "FEATURED PRODUCTS". В этом блоке нужно разместить 10 самых продаваемых товаров за последние 365 дней.
Соответственно нужен код который будет пересчитывать раз в сутки, какие товары были популярны за последние 365 дней и будет обновлять этот список.

2 - Ниже нужно сделать блок с H2 заголовком "SALE". В этом блоке нужно разместить товары со скидкой. Если таких нет - блок не показывается на главной странице пользователям.

3 - Ниже нужно сделать блок с H2 заголовком "NEW PRODUCTS". В этом блоке нужно разместить последние 5 товаров, добавленных на сайт.

4 - Ниже нужно добавить карусель с фотографиями с H2 заголовком "PICTURES FROM OUR CUSTOMERS". В этом блоке можно разместить до 30 фотографий от наших покупателей. Если фотографии не добавлены - блок не показывается на главной странице.