Разместить готовые иконки на карточки товаров WebAsyst v.300

Рисовать ничего не нужно. Все элементы отрисованы. Нужно их разместить на карточки товаров. 

Нужно добавить 3 новых иконки на товары в каталогах, и доработать 2 уже имеющихся. При наведении на любую из них, нужно чтоб всплывала подсказка как на макете.  

1. Акция. Кое-что нужно поправить.  

2. С подарком аналогично.  

3. Значок рекомендуем. Готов. Оставляем так как он есть, но добавляем к нему подсказку, при наведении.  

4. Нужны 2 новые иконки. «Бесплатная предпродажная подготовка», это та, где нарисован ключ. При наведении, должна всплывать подсказка, как в макете. При клике, открывать в новой вкладке страницу. Добавление иконки нужно сделать по выбору какой-нибудь галочки в админке.  

5. «Скидка». Аналогично остальным, при наведении, всплывает подсказка. При клике нужно сделать всплывающее окно, как в макете. В окно нужно вывести фото товара, его название, поле для ввода номера телефона, и кнопку для заказа звонка. Нужно сделать так, чтоб число которое содержится в заголовке «Ваша скидка на товар ***%» можно было менять для каждого товара.  

Выполнять проверку поля для номера на заполненность. Если не заполнено, то подсвечивать красным, как это сделано у нас в отзывах о товаре. Если поле заполнено, то отправляем на почту. Вид письма можно взять из покупки в 1 клик со страницы товара, но обязательно нужно добавить, что товар заказан со скидкой. Добавление этой иконки нужно тоже как-то организовать в админке. Я думаю, можно так: взять существующее неиспользуемое поле или создать новое. Число, введенное в поле будет равняться проценту скидки и выводится в заголовок, если поле просто пустое, значит иконка появляться не должна.  

На макете нарисовано, что и на кнопке есть процент скидки. Если это как-то просто делается, то можно сделать, чтоб туда оно добавлялось, как и в заголовок. А вообще, можно ее просто сократить до «Получить скидку» и не заморачиваться.  

Иконки нужно расположить в следующей последовательности:  

Крайняя справа – Скидка  

Левее от нее, вторая справа – Предпродажная подготовка  

3-яя справа – Акция  

4-ая – Подарок  

5-ая – Рекомендуем  

То, что сразу все иконки будут у одного товара крайне маловероятно, но желательно сохранить их последовательность, в случае отсутствия какой-либо. 1-ая и вторая справа – всегда будут на своих местах. Остальные, по-моему, сейчас выстраиваются как раз в нужном порядке. Нужно только сделать чтоб правее от них были 2 новые.