Иконки на товары в каталогах. WebAsyst v.300

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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