Как сделать так, чтобы при перезагрузке страницы открывалась вторая вкладка?

Question

[ligisayan]

Всем привет!
Есть кастомная корзина на woocommerce с двумя вкладками: на первом шаге отображается заказ, а на втором - форма контактной информации покупателя для заполнения.

Вопрос в следующем: если не заполнить обязательное поле, то при нажатии на кнопку оформить заказ (на 2ом шаге) - перебрасывает на первую вкладку с стандартным сообщением об ошибке.

Как сделать так, чтобы при перезагрузке страницы оставалась открытой вторая вкладка на которой она произошла? Сообщение об ошибке можно совсем убрать.

Answer 1

[sergski]

используя куки.

Comments

[sergski]

ligisayan, ok)

[ligisayan]

sergski есть такой нюанс, что в данном случае при повторном заказе из-за куков пользователь будет сразу переходить на 2ую вкладку. Что в этом случае делаем?

[sergski]

ligisayan, при успешном заказе вам нужно просто удалить куки, вызвав функцию deleteCookie(user)

function deleteCookie(user) {
  setCookie(user, "", {
    expires: -1
  })
}

[ligisayan]

sergski, подключаю такую конструкцию, но пишет ошибку

ReferenceError: setCookie is not defined

add_action( 'woocommerce_order_status_changed', 'deleteCookie', 99, 3 );
function deleteCookie($order_id, $old_status, $new_status) { 
	if( ($new_status == "completed") || ($new_status == "processing") ) { 
?>
  <script>
  	setCookie('fooboo', "", {
      expires: -1
    });
  </script>
<?php } 
}

[sergski]

ligisayan, функция setCookie() должна быть видна (она у вас в вызывается в при установке setCookie('user', 'fooboo', 86400); )
и в её параметрах тогда должно быть так:

setCookie('user', 'fooboo', {
    expires: -1
  })

[ligisayan]

sergski, а откуда ее вызывать - из js файла или хука в php с подключением скрипта?

[sergski]

ligisayan, по-хорошему должна быть видна из js файла

Answer 2

[Айнур Валиев]

сохранять ошибку в куки

Comments

[ligisayan]

Айнур Валиев это как? И что это даст для открытия вкладки?

[Айнур Валиев]

ligisayan, проверяй кукисы и подставляй класс active

[ligisayan]

Айнур Валиев, я так понимаю вы про localStorage ?
Что-то вроде этого имеете ввиду?

$('.nav-pills a[href="#pane-checkout"]').click(function(e){
localStorage.setItem('pane',$(this));
});
if(localStorage.getItem('pane')) {
$('.nav-pills a[href="#pane-checkout"]').addClass('active');
}

[Айнур Валиев]

ligisayan, да, почему бы и нет.

[ligisayan]

Айнур Валиев есть такой нюанс, что в данном случае при повторном заказе из-за куков пользователь будет сразу переходить на 2ую вкладку и не видеть своего заказа. Что в этом случае делаем?

[Айнур Валиев]

ligisayan, любые переменные надо очищать сразу после их отработки. сборщик мусора на куки не распростраянется, так что будьте добры руками почистить)

[ligisayan]

Айнур Валиев, ну это вы каждому пользователю сайта объясните, ага)
Получается только вводить доп проверки или вместо куков можно сессионной переменной обойтись?