Для закрытия модального окна после успешной отправки формы Contact Form 7 (cf7) в WordPress вы можете использовать JavaScript или jQuery.
Вариант 1: Использование JavaScript
- Откройте файл с кодом вашего модального окна и найдите функцию, которая отвечает за его закрытие. Обычно это функция, которая изменяет состояние CSS-класса элемента, чтобы его скрыть.
- Вставьте следующий код в окончание функции, чтобы вызвать ее после успешной отправки формы cf7:
document.getElementById('myModal').style.display = 'none';
Здесь 'myModal' - это идентификатор вашего модального окна. Замените его на идентификатор вашего модального окна.
- Сохраните файл и обновите свой сайт, чтобы увидеть изменения. Теперь модальное окно будет автоматически закрываться после успешной отправки формы cf7.
Вариант 2: Использование jQuery
- Убедитесь, что вы подключили библиотеку jQuery на вашем сайте. Обычно это делается путем добавления следующей строки кода в заголовок вашей страницы (header.php) или в фундаментальный файл (functions.php):
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
- Откройте файл с кодом вашего модального окна и найдите функцию, которая отвечает за его закрытие. Обычно это функция, которая изменяет состояние CSS-класса элемента, чтобы его скрыть.
- Вставьте следующий код в окончание функции, чтобы вызвать ее после успешной отправки формы cf7:
jQuery('#myModal').hide();
Здесь 'myModal' - это идентификатор вашего модального окна. Замените его на идентификатор вашего модального окна.
- Сохраните файл и обновите свой сайт, чтобы увидеть изменения. Теперь модальное окно будет автоматически закрываться после успешной отправки формы cf7.
Обратите внимание, что в обоих вариантах вы должны изменить идентификатор модального окна на соответствующий для вашего сайта. Это позволит правильно выбрать элемент DOM и скрыть его после успешной отправки формы.
Учтите, что эти варианты подходят для общих случаев, и ваша реализация может отличаться в зависимости от особенностей вашего кода и модального окна.