В этой теме нет ответов

[Firefly]

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

В шаблоне 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>