Перейти к содержимому


Быстрый Заказ (Быстрая Покупка)

fix

  • Авторизуйтесь для ответа в теме
В этой теме нет ответов

#1 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 808 сообщений

Отправлено 08 Ноябрь 2022 - 14:27

Для исправления проблемы в работе оформления заказа (всплывающее окно вызываемое из карточки товара по кнопке "Быстрая покупка") потребуется внести изменения.

В шаблоне main.css найдите код:
.button-empty {background-color: #bebebe;color: #ffffff;}
.button-empty:after {background-color: #a2a2a2;}
.button-empty:hover {background-color: #a2a2a2;}

Замените на:
.button-empty, [class^="button-"].disabled {background-color: #bebebe;color: #ffffff;}
.button-empty:after, [class^="button-"].disabled:after {background-color: #a2a2a2;}
.button-empty:hover, [class^="button-"].disabled:hover {background-color: #a2a2a2;}

Найдите код:
.coupon__button {position: absolute;right: 0;}

Добавьте после него:
.fastOrderForm .total__buttons {text-align: center;}

В шаблоне main.js найдите код:
		  $('.fastOrder__form').validate({
			errorPlacement: function(error, element) { }
		  });

Перед ним добавьте:
		  validCart();

Найдите и удалите код:
   });
   // Валидация формы на странице оформления заказа
   $(".total__buttons button, #makeOrder").on('click', function(){
	var form = $(".fastOrder__form");
	form.validate({
	 errorPlacement: function(error, element) { }
	});
	form.submit();
	return false;
   });
   // Выключение кнопки оформления заказа если не все поля заполнены
   $(".fastOrder__form [required]").blur(function(){
	if($('.fastOrder__form').valid()) {
	 $(".total__buttons button").removeClass('disabled');
	 $(".total__buttons button").attr('data-tooltip', 'Оформить заказ');
	 $("#makeOrder").removeClass('disabled');
	 $("#makeOrder").attr('data-tooltip', 'Оформить заказ');
	} else {
	 $(".total__buttons button").addClass('disabled');
	 $(".total__buttons button").attr('data-tooltip', 'Заполните все поля');
	 $("#makeOrder").addClass('disabled');
	 $("#makeOrder").attr('data-tooltip', 'Заполните все поля');
	}
   });
   // Выключение кнопки оформления заказа если не все поля заполнены
   $(function(){
	if($('.fastOrder__form').valid()) {
	 $(".total__buttons button").removeClass('disabled');
	 $(".total__buttons button").attr('data-tooltip', 'Оформить заказ');
	 $("#makeOrder").removeClass('disabled');
	 $("#makeOrder").attr('data-tooltip', 'Оформить заказ');
	}else{
	 $(".fastOrder__form input, .fastOrder__form textarea, .fastOrder__form select").removeClass('error');
	}
   });

На его место вставьте код:
   });  
   // Функция валидации полей в быстром заказе
   validCart();

Найдите код:
// Функция вычисления остатка до минимальной суммы заказа

Добавьте перед ним код:
///////////////////////////////////////
// Функция валидации полей в быстром заказе
///////////////////////////////////////
function validCart(){
// Валидация формы на странице оформления заказа
$(".total__buttons button, #makeOrder").on('click', function(){
  var form = $(".fastOrder__form");
  form.validate({
   errorPlacement: function(error, element) { }
  });
  form.submit();
  return false;
});
// Выключение кнопки оформления заказа если не все поля заполнены
$(".fastOrder__form [required]").blur(function(){
  if($('.fastOrder__form').valid()) {
   $(".total__buttons button").removeClass('disabled');
   $(".total__buttons button").attr('data-tooltip', 'Оформить заказ');
   $("#makeOrder").removeClass('disabled');
   $("#makeOrder").attr('data-tooltip', 'Оформить заказ');
  } else {
   $(".total__buttons button").addClass('disabled');
   $(".total__buttons button").attr('data-tooltip', 'Заполните все поля');
   $("#makeOrder").addClass('disabled');
   $("#makeOrder").attr('data-tooltip', 'Заполните все поля');
  }
});
// Выключение кнопки оформления заказа если не все поля заполнены
$(function(){
  if($('.fastOrder__form').valid()) {
   $(".total__buttons button").removeClass('disabled');
   $(".total__buttons button").attr('data-tooltip', 'Оформить заказ');
   $("#makeOrder").removeClass('disabled');
   $("#makeOrder").attr('data-tooltip', 'Оформить заказ');
  }else{
   $(".fastOrder__form input, .fastOrder__form textarea, .fastOrder__form select").removeClass('error');
  }
});
}

В шаблоне Быстрый заказ найдите код:
	 <a id="makeOrder" class="button-primary disabled" title="Перейти к быстрому оформлению заказа"><span>Оформить </span><span>заказ</span></a>

Замените на:
	 <button id="makeOrder" class="button-primary disabled" type="submit" title="Перейти к быстрому оформлению заказа">
	  <span>Оформить </span><span>заказ</span>
	 </button>





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных