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

Павел
Заказчик

[no-member:pro]Павел[/no-member:pro]Павел

2 проектов
Завершён
Параметры проекта
Вариант сотрудничестваПериодическая занятость
Предоплатавозможна предоплата
Способы оплатыБанковский перевод, Электронные деньги
Приём заявокзавершён
Описание проекта
Рисовать ничего не нужно. Все элементы отрисованы. Нужно их разместить на карточки товаров.
Нужно добавить 3 новых иконки на товары в каталогах, и доработать 2 уже имеющихся. При наведении на любую из них, нужно чтоб всплывала подсказка как на макете.
1. Акция. Кое-что нужно поправить.
2. С подарком аналогично.
3. Значок рекомендуем. Готов. Оставляем так как он есть, но добавляем к нему подсказку, при наведении.
4. Нужны 2 новые иконки. «Бесплатная предпродажная подготовка», это та, где нарисован ключ. При наведении, должна всплывать подсказка, как в макете. При клике, открывать в новой вкладке страницу. Добавление иконки нужно сделать по выбору какой-нибудь галочки в админке.
5. «Скидка». Аналогично остальным, при наведении, всплывает подсказка. При клике нужно сделать всплывающее окно, как в макете. В окно нужно вывести фото товара, его название, поле для ввода номера телефона, и кнопку для заказа звонка. Нужно сделать так, чтоб число которое содержится в заголовке «Ваша скидка на товар ***%» можно было менять для каждого товара.

Выполнять проверку поля для номера на заполненность. Если не заполнено, то подсвечивать красным, как это сделано у нас в отзывах о товаре. Если поле заполнено, то отправляем на почту. Вид письма можно взять из покупки в 1 клик со страницы товара, но обязательно нужно добавить, что товар заказан со скидкой. Добавление этой иконки нужно тоже как-то организовать в админке. Я думаю, можно так: взять существующее неиспользуемое поле или создать новое. Число, введенное в поле будет равняться проценту скидки и выводится в заголовок, если поле просто пустое, значит иконка появляться не должна.
На макете нарисовано, что и на кнопке есть процент скидки. Если это как-то просто делается, то можно сделать, чтоб туда оно добавлялось, как и в заголовок. А вообще, можно ее просто сократить до «Получить скидку» и не заморачиваться.
Иконки нужно расположить в следующей последовательности:
Крайняя справа – Скидка
Левее от нее, вторая справа – Предпродажная подготовка
3-яя справа – Акция
4-ая – Подарок
5-ая – Рекомендуем
То, что сразу все иконки будут у одного товара крайне маловероятно, но желательно сохранить их последовательность, в случае отсутствия какой-либо. 1-ая и вторая справа – всегда будут на своих местах. Остальные, по-моему, сейчас выстраиваются как раз в нужном порядке. Нужно только сделать чтоб правее от них были 2 новые.
Автор проекта: Павел