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