Intereting Posts
remove_menu_page breaks "Добавить медиа" Адрес электронной почты или имя пользователя, используемые для входа в wordpress Более быстрый способ запроса пользовательских типов сообщений с несколькими условиями? Сообщения и страницы w. личная видимость не отображается в существующем контенте Может ли кто-нибудь объяснить использование esc_html? Показать родительские и дочерние страницы с выделенным изображением и скрыть текущую страницу Woocommerce – печать пользовательского поля продукта в электронной почте Есть ли способ совместного использования контента среди сайтов WordPress? Стандартная таксономия «post_tag» добавлена ​​в управление CPT с помощью пользовательской роли: ничего в обмене Добавить пользовательский фон в div на главной странице Показать выбранное изображение в инструкции else Word Press Постоянная ссылка Изменение Отображение заголовка и заголовка изображения внутри окна fancybox. Работать, но показывать один и тот же alt и заголовок для каждого изображения Отображает только определенное количество сообщений, в зависимости от количества сообщений, доступных в запросе Почему мои роли не видны в многостраничной сети?

Как изменить контактный формуляр 7 Выход успешных / ошибок ответа

Я пытаюсь найти способ переопределить или фильтровать вывод ответных полей Contact Form 7, которые отображаются, когда отображается сообщение об ошибке формы или успешное сообщение.

По умолчанию Contact Form 7 выводит этот HTML-код, когда форма успешно отправляется:

<div class="wpcf7-response-output wpcf7-display-none wpcf7-mail-sent-ok" style="display: block;" role="alert"> Thank you for subscribing! </div> 

Фактически, я хочу изменить выходной HTML-ответ, чтобы быть предупреждающим предупреждением Bootstrap следующим образом:

 <div class="wpcf7-response-output wpcf7-display-none alert alert-success" role="alert"> Thank you for subscribing! </div> 

Я пробовал очистить документацию Contact Form 7 и просмотрел исходный код плагинов, чтобы найти фильтр, который, как мне кажется, мне нужен, но я не могу получить ответ HTML output для изменения. Это код, который я пробовал:

 function filter_wpcf7_response_output( $output ){ // Replace Success CSS Class $output = str_replace( ' wpcf7-mail-sent-ok', ' alert alert-success', $output ); return $output; } add_filter( 'wpcf7_form_response_output', 'filter_wpcf7_response_output', 10, 1 ); 

Но, похоже, он вообще не меняет результат … Любая помощь будет принята с благодарностью!

Solutions Collecting From Web of "Как изменить контактный формуляр 7 Выход успешных / ошибок ответа"

После более глубокого взгляда на это я понял, что отображаемые ответы создаются через контактную форму 7 AJAX.

Итак, следуя документации Contact Form 7 о событиях DOM , я смог получить эту работу, как я хотел, со следующим JS-кодом:

 /* Validation Events for changing response CSS classes */ document.addEventListener( 'wpcf7invalid', function( event ) { $('.wpcf7-response-output').addClass('alert alert-danger'); }, false ); document.addEventListener( 'wpcf7spam', function( event ) { $('.wpcf7-response-output').addClass('alert alert-warning'); }, false ); document.addEventListener( 'wpcf7mailfailed', function( event ) { $('.wpcf7-response-output').addClass('alert alert-warning'); }, false ); document.addEventListener( 'wpcf7mailsent', function( event ) { $('.wpcf7-response-output').addClass('alert alert-success'); }, false );