Добрый вечер всем разработчикам! Столкнулся с такой проблемой, настроил форму обратной связи на AjaxForm+ Formit. При отправке контактных данных теперь всплывает стандартное зеленое или красное оповещение. Вот как его можно заменить на модальное окно с моим дизайном?
Прикладываю настройки:
[[!AjaxForm?
&emailFrom=`modx@revo.ru`
&snippet=`FormIt`
&form=`contact_contacts_tpl`
&hooks=`spam,email,FormItSaveForm`
&emailSubject=`Заявка`
&emailTo=`...@gmail.com`
&emailTpl=`email_tpl`
&validate=`phone:isPhone`
&validationErrorMessage=`В форме содержатся ошибки!`
&successMessage=`Сообщение успешно отправлено, наш менеджер свяжеться с Вами в ближайшее время`
&customValidators=`isPhone`
]]
Шаблон формы:
<form class="price-shtukatur__form_tools">
<div class="input-group__static price-shtukatur__input animate-scaleY"><input class="input-group__stat" name="name" type="text" required="" /><span class="input-group__placeholder">Имя</span></div>
<div class="input-group__static price-shtukatur__input animate-scaleY"><input class="input-group__stat" name="surname" type="text" required="" /><span class="input-group__placeholder">Фамилия</span></div>
<div class="input-group__static price-shtukatur__input animate-scaleY"><input class="input-group__stat" name="phone" id="phone" type="text" required="" /><span class="input-group__placeholder">Телефон</span></div>
<div class="input-group__stat_btn price-shtukatur__input animate-scaleY"><button class="input-group__stat_sent" type="submit">Отправить</button></div>
</form>
Необходимо сниппету AjaxForm указать js-файл, который будет выполнять отправку и обработку ответа от сервера. Для этого необходимо использовать параметр frontend_js:
По умолчанию используется файл, находящий по следующему пути:
Вам необходимо сделать копию этого файла и изменить код так, как нужно.