Лэндинг с карточками товаров, подгружаемых из базы, с отправкой информации посетителя на почту (тестовое задание для ООО "ВебБустер").
Реализованы следуюшие особенности:
- отзывчивая страница с использованием FLEX.
- карточки товаров сделаны копированием скрытого шаблона и встравкой в него информации из подгружаемой базы (в данном случае JS с конструктором).
- описание карточки товаров расширяется при наведении на карточку.
- при нажатии на кнопке "Приобрести" открывается модальное окно формы для заполнения контактной информации посетителя и желаемого им товара. Название товара вводится в соответвтсвующий INPUT автоматически.
- валидация INPUTов формы отправки релизована с помощью JS и REGEXP.
- отправка формы осуществляется с помощью PHPMailer через SMTP. Почта адресанта установлена по умолчанию (genby1995.test@mail.ru), может быть изменена в шапке сайта.
- после нажатия на кнопуку "Отправить" в форме, форма конвертируется в FormData и отправляется запросом AJAX в PHP обработчик. Показывается анимация ожидания. После ответа PHP обработчика пользователю приходит ALERT c "СПАСИБО, ИНФОРМАЦИЯ ОТПРАВЛЕНА" или "ОШИБКА". INTUTы формы стираются.
- к событию испешной отправки формы прикреплен обработчик Яндекс Метрики. Данные отправляются на Яндекс Метрику, прикреплённую к почте genby1995.test@mail.ru (пароль E314e.mail).
- анимация кнопок, переходов, валидации и процесса отправки.
Видео с примером использования: https://user-images.githubusercontent.com/105170642/201775380-037161f2-122e-40ec-9301-0a723f122f63.mp4