Что делать если Страница обновляется при отправке контакт форм 7?

Question

[nikolai_48_rus]

добрый день, вот такая беда у меня, вот мой сайт v90860qz.beget.tech ,на первом экране есть поп ап,при заполнении всех полей и нажатии отправить страница обновляется и сообщение не выходит, в адресной строке остается id формы и если повторно ее открыть то будет видно сообщение, но так не должно быть, подскажите что мне сделать что бы страница не обновлялась?

Answer 1

[Орхан Гасанлы]

Здравствуйте!
Судя по всему CF7 отправляет post запрос с нужными параметрами (Имя и номер телефона). Вопрос в том, как именно вы интегрировали CF7 на сайт?
Подозреваю, что тема самописная и могут быть ошибки с выводом шапки и подвала.
Проверьте, чтобы wp_footer() wp_header() get_footer() get_header() были заданы корректно.
Также иногда проблема может заключаться в jquery. Попробуйте сделать deregister дефолтного jquery и подключить свой, хотя с дефолтным Cf7 работает.

Comments

[nikolai_48_rus]

<?php
/**
 * Шаблон подвала (footer.php)
 * @package WordPress
 * @subpackage your-clean-template-3
 */
?>
<?php wp_footer(); ?>
	<footer>
		<div class="container">
			<div class="row">
					<div class="col-md-4"><p class="foot-text">Салон “С.П.А.”<br>
                      Москва, Профсоюзная, 83
                      пн-пт 9:00-21:00
                      сб 11:00-21:00
                          вс 11:00-20:00</p></div>
					<div class="col-md-4"><p class="foot-text">ТВК “Экспострой.”<br>
                     МоскваНахимовский пр-т, 24
                     павильон 1, стенд 358
                     пн-вс 10:00-20:00</p></div>
					<div class="col-md-4"><p class="foot-text">МТК “Гранд”<br>
                    Химки, Бутакова, 4 1 этаж
                    павильон 1, стенд 358
                    пн-вс 10:00-21:00</p></div>
			</div>
			</div>
		</div>
	</footer>

<!-- HTML-код модального окна -->
<div id="myModalBox" class="modal fade">  
  <div class="modal-dialog">
    <div class="modal-content">
      <!-- Заголовок модального окна -->
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>
      </div>
      <!-- Основное содержимое модального окна -->
      <div class="modal-body">
       <? echo do_shortcode('[contact-form-7 id="267" title="заявка тест драйв"]'); ?>
      </div>
      <!-- Футер модального окна -->
    </div>
  </div>
</div>
 
<!-- Скрипт, вызывающий модальное окно после загрузки страницы -->
<script>
  jQuery(document).ready(function(){
    //jQuery("#myModalBox").modal('show');
  });
</script>

 <div id="myModalBox3" class="modalDialog">
   <div>
      <a href="#close" title="Close" class="close1">X</a>
      <? echo do_shortcode('[contact-form-7 id="270" title="pop-zakaz"]'); ?>
   </div>
</div>
<!-- Скрипт, вызывающий модальное окно после загрузки страницы -->

<!-- HTML-код модального окна -->
<div id="myModalBox2" class="modal fade">  
  <div class="modal-dialog">
    <div class="modal-content">
      <!-- Заголовок модального окна -->
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>
        
      </div>
      <!-- Основное содержимое модального окна -->
      <div class="modal-body">
        <h3></h3>
       
       <? echo do_shortcode('[contact-form-7 id="235" title="Спортстер  |1-2 человека|"]'); ?>
      </div>
      <!-- Футер модального окна -->
    </div>
  </div>
</div>
 
<!-- Скрипт, вызывающий модальное окно после загрузки страницы -->
<script>
  jQuery(document).ready(function() {
    $("#myModalBox2").on('show.bs.modal', function (e) {
     $(this).find('.modal-body h3').html($(e.relatedTarget).closest('.wpb_wrapper').find('.id-tovar h2').text());
     $(this).find('.modal-body .color').html($(e.relatedTarget).closest('.wpb_wrapper').find('fieldset input[type=radio]:checked').val());



     document.getElementById('find').value = $(e.relatedTarget).closest('.wpb_wrapper').find('fieldset input[type=radio]:checked').val()
})
});
</script>  
<!-- DivTable.com -->
<script >
jQuery(document).ready(function(){  
  $('a[href^="."]').bind('click.smoothscroll',function (e) {
    e.preventDefault();
 
    var target = this.hash,
    $target = $(target);
 
    $('html, body').stop().animate({
      'scrollTop': $target.offset().top
    }, 600, 'swing', function () {
      window.location.hash = target;
    });
  });
 
});

</script>
<script>
jQuery(".scrollto a").click(function() {
    var elementClick = jQuery(this).attr("href")
    var destination = jQuery(elementClick).offset().top;
    jQuery("html:not(:animated),body:not(:animated)").animate({
        scrollTop: destination
    }, 500);
    return false;
});
</script>

<script>

</script>

</body>
</html>

[Орхан Гасанлы]

<?php wp_footer(); ?>

перед закрывающим тегом</body>

[nikolai_48_rus]

это не помогло

[Орхан Гасанлы]

nikolai_48_rus, тогда теперь, проверьте подключение header
должен быть перед закрывающим тегом </head>

[nikolai_48_rus]

<?php
/**
 * Шаблон шапки (header.php)
 * @package WordPress
 * @subpackage your-clean-template-3
 */
?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<?php /* RSS и всякое */ ?>
	<link rel="alternate" type="application/rdf+xml" title="RDF mapping" href="<?php bloginfo('rdf_url'); ?>">
	<link rel="alternate" type="application/rss+xml" title="RSS" href="<?php bloginfo('rss_url'); ?>">
	<link rel="alternate" type="application/rss+xml" title="Comments RSS" href="<?php bloginfo('comments_rss2_url'); ?>">
	<link rel="icon" href="<?php echo get_stylesheet_directory_uri() ?>/img/favicon.ico" type="image/x-icon">
	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:800" rel="stylesheet">
	
	
	

	<!--[if lt IE 9]>
	<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<?php wp_head(); ?>
</head> 
<body <?php body_class(); ?>>
	<header>
	<div class="head">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
                   <a href="tel:[phone]" class="tel">[phone]</a> 
				</div>
				</div>
			</div>
		</div>
		<div class="top_menu">
		<div class="container">
			<div class="row">
				<div class="col-md-3">
							<a href=""><img src="<?php echo get_stylesheet_directory_uri() ?>/img/logo.png" alt=""></a>
				</div>
				<div class="col-md-9">
					<nav class="navbar navbar-default">
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#topnav" aria-expanded="false">
								<span class="sr-only">Меню</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							</button>
						</div>
						<div class="collapse navbar-collapse" id="topnav">
							<?php $args = array( 
								'theme_location' => 'top',
								'container'=> false,
						  		'menu_id' => 'top-nav-ul',
						  		'items_wrap' => '<ul id="%1$s" class="nav navbar-nav %2$s">%3$s</ul>',
								'menu_class' => 'top-menu',
						  		'walker' => new bootstrap_menu(true)		  		
					  			);
								wp_nav_menu($args);
							?>
						</div>
					</nav>
				</div>
			</div>
		</div>
				</div>

	</header>
	<div id="slaidy">
		<div class="slaid1 obch-slaid"></div>
		<div class="slaid2 obch-slaid"></div>
		<div class="slaid3 obch-slaid"></div>
		<!--<img class="palka" src="/wp-content/themes/your-clean-template-3_uncommented/img/palka.png">-->
		<div class="palka">
	<div class="line1"></div>
	<div class="dote"></div>
	<div class="dote middleDote"></div>
	<div class="dote"></div>
	<div class="line2"></div>
</div>
		

	</div>

[nikolai_48_rus]

это тоже не помогает, я заметил что на форме нет события(event) , а так не должно быть,идет конфликт js.

[Орхан Гасанлы]

nikolai_48_rus, тоже возможно)

[nikolai_48_rus]

вот я никак не могу вычислить что какая именно косячит ,уже все поочередно отключал, не помогает...

[Орхан Гасанлы]

nikolai_48_rus, как насчет того, чтобы сменить тему?

[nikolai_48_rus]

не вариант,верстка уже сделана, заказчик написал последнюю правку и проект надо сдавать

[Орхан Гасанлы]

nikolai_48_rus, я к тому, что можно сменить тему и проверить, тем самым исключив возможный конфликт со скриптами темы. Подозреваю, что вся проблема в теме...

[Орхан Гасанлы]

nikolai_48_rus,

+ у вас в консоли 2 ошибки с js. может стоит их устранить...
+ у вас какая-то проблема с jquery кажется....
Скрин - https://screenshots.firefox.com/XovG9j6t6iVcEHmL/null

[nikolai_48_rus]

я решил проблему, вот та статья. я целую неделю потратил на это
https://mediadoma.com/contact-form-7-kak-ispravit-...