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


Быстрый Заказ

Быстрый Заказ заказа в 1 кли

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 16

#1 Smailer

Smailer

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

  • Пользователи
  • PipPipPipPip
  • 661 сообщений
  • ГородВолгоград

Отправлено 11 Февраль 2016 - 12:51

Подскажите как при заказе с каталога убрать кнопки "оформить заказ" и "Продолжить покупки" - А Надпись выскакивал буквально на какие то доли секунд и исчезала, при этом если пользователь быстрее сам нажмет мышкой куда либо то это действие уже будет активным. - То есть когда всплывает окно даже на эти 0.5 сек - мы можем в течении видимости окна 1 раз нажать "в корзину уже на другой товар - и он добавить - и появиться новое окно - таким образом я хочу показать чтобы окно которое просто "информирует" что операция произведена - никак не влияло на нахождение на сайте - то есть это окно даже не нужно закрывать.
1. Оно само пропадает через определенное время.
2. Оно никоим образом не мешает нажать мышкой куда либо 1 раз - и действие было произведено (Не 2 раза как обычно - чтобы закрыть нажав на пустую область) - я думаю я смог объяснить.

(То есть сделать заказ по настоящему "быстрым").

Изображение

и тоже самое внутри карточки товара
Изображение

#2 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 11 Февраль 2016 - 15:09

Просмотр сообщенияSmailer (11 Февраль 2016 - 12:51) писал:

Подскажите как при заказе с каталога убрать кнопки "оформить заказ" и "Продолжить покупки" - А Надпись выскакивал буквально на какие то доли секунд и исчезала, при этом если пользователь быстрее сам нажмет мышкой куда либо то это действие уже будет активным. - То есть когда всплывает окно даже на эти 0.5 сек - мы можем в течении видимости окна 1 раз нажать "в корзину уже на другой товар - и он добавить - и появиться новое окно - таким образом я хочу показать чтобы окно которое просто "информирует" что операция произведена - никак не влияло на нахождение на сайте - то есть это окно даже не нужно закрывать.
1. Оно само пропадает через определенное время.
2. Оно никоим образом не мешает нажать мышкой куда либо 1 раз - и действие было произведено (Не 2 раза как обычно - чтобы закрыть нажав на пустую область) - я думаю я смог объяснить.

(То есть сделать заказ по настоящему "быстрым").



и тоже самое внутри карточки товара


Здравствуйте, найдите в файле main.js
// Аяксом добавляем товар в корзину и вызываем форму быстрого заказа товара
$.ajax({
type : "POST",
cache : false,
url : formBlock.attr('action'),
data : formData,
success: function(data) {
$.fancybox({
	 content : data,
	 // При изменении размера окна изменяем размер окна оформления заказа
	 onUpdate : function(){
		 var w = $(window).width()*0.8;
		
		 if(w < 800) {
		 // Автоматический ресайз внутреннего блока fancybox-а
		 $('.fancybox-inner').css('width', 'auto');
		 // Изменяем размер fancybox окна
		 $('.fancybox-wrap').css({'width': w + 'px'});
		 }
		 return false;
	 }
});
	
  
замените на
// Аяксом добавляем товар в корзину и вызываем форму быстрого заказа товара
$.ajax({
type : "POST",
cache : false,
url : formBlock.attr('action'),
data : formData,
success: function(data) {
$.fancybox({
	 content : data,
	 afterLoad: function() {
		 setTimeout(function() {
		 parent.$.fancybox.close({
			 closeEffect: 'elastic'
		 });
		 }, 1500);
	 },
	 // При изменении размера окна изменяем размер окна оформления заказа
	 onUpdate : function(){
		 var w = $(window).width()*0.8;
		
		 if(w < 800) {
		 // Автоматический ресайз внутреннего блока fancybox-а
		 $('.fancybox-inner').css('width', 'auto');
		 // Изменяем размер fancybox окна
		 $('.fancybox-wrap').css({'width': w + 'px'});
		 }
		 return false;
	 }
});

далее найдите  в шаблоне Быстрый заказ код
<!-- /Yandex.Metrika counter -->
<div class="alignCenter">

замените на
<!-- /Yandex.Metrika counter -->
<div class="alignCenter" style="display:none">


#3 Smailer

Smailer

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

  • Пользователи
  • PipPipPipPip
  • 661 сообщений
  • ГородВолгоград

Отправлено 11 Февраль 2016 - 15:27

Просмотр сообщенияИрина345 (11 Февраль 2016 - 15:09) писал:

Здравствуйте, найдите в файле main.js



Все что мы сделали - мы убрали только кнопки?

потому что окно горит также бесконечно как и было.

Изображение



=======

и у нас появилась ошибка JS а мы теперь внутри товара даже кнопку в корзину не можем нажать неговоря о том чтобы выбрать количество

Изображение

#4 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 11 Февраль 2016 - 17:13

Просмотр сообщенияSmailer (11 Февраль 2016 - 15:27) писал:

Все что мы сделали - мы убрали только кнопки?

потому что окно горит также бесконечно как и было.





=======

и у нас появилась ошибка JS а мы теперь внутри товара даже кнопку в корзину не можем нажать неговоря о том чтобы выбрать количество


В инструкцию были внесены изменения, произведите изменения для файла main.js повторно.

#5 Smailer

Smailer

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

  • Пользователи
  • PipPipPipPip
  • 661 сообщений
  • ГородВолгоград

Отправлено 11 Февраль 2016 - 22:40

Просмотр сообщенияИрина345 (11 Февраль 2016 - 17:13) писал:

В инструкцию были внесены изменения, произведите изменения для файла main.js повторно.

1 . Все Хорошо, почти как надо правда всеравно нужно два раза нажимать мышкой на пустое поле чтобы сбросить всплывающее окно.
Можно ли это исправить?

2.  второй момент какой параметр нужно поменять чтобы скорость исчезновения была ещё быстрее ?

3. и как сделать так чтобы когда в общем каталоге мы нажимаем "в корзину" всплывает  временное окно, на не поднимало вверх, а мы оставались на месте тоесть если мы были посередине сайта нас не поднимало каждый раз вверх - а оставляло нас на месте.

#6 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 12 Февраль 2016 - 16:16

Просмотр сообщенияSmailer (11 Февраль 2016 - 22:40) писал:

1 . Все Хорошо, почти как надо правда всеравно нужно два раза нажимать мышкой на пустое поле чтобы сбросить всплывающее окно.
Можно ли это исправить?

2.  второй момент какой параметр нужно поменять чтобы скорость исчезновения была ещё быстрее ?

3. и как сделать так чтобы когда в общем каталоге мы нажимаем "в корзину" всплывает  временное окно, на не поднимало вверх, а мы оставались на месте тоесть если мы были посередине сайта нас не поднимало каждый раз вверх - а оставляло нас на месте.
Здравствуйте, найдите в файле main.js
afterLoad: function() {
				 setTimeout(function() {
				 parent.$.fancybox.close({
						 closeEffect: 'elastic'
				 });
				 }, 1500);
		 },

где изменяете значение 1500

#7 Smailer

Smailer

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

  • Пользователи
  • PipPipPipPip
  • 661 сообщений
  • ГородВолгоград

Отправлено 12 Февраль 2016 - 16:22

Просмотр сообщенияИрина345 (12 Февраль 2016 - 16:16) писал:

Здравствуйте, найдите в файле main.js
afterLoad: function() {
				 setTimeout(function() {
				 parent.$.fancybox.close({
						 closeEffect: 'elastic'
				 });
				 }, 1500);
		 },

где изменяете значение 1500

Это ответ только на 1 из 3х вопрос)

1. всеравно нужно два раза нажимать мышкой на пустое поле чтобы сбросить всплывающее окно.
Можно ли это исправить?

2 как сделать так чтобы когда в общем каталоге мы нажимаем "в корзину" всплывает  временное окно, на не поднимало вверх, а мы оставались на месте тоесть если мы были посередине сайта нас не поднимало каждый раз вверх - а оставляло нас на месте.

#8 Smailer

Smailer

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

  • Пользователи
  • PipPipPipPip
  • 661 сообщений
  • ГородВолгоград

Отправлено 15 Февраль 2016 - 19:25

UP

#9 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 16 Февраль 2016 - 11:52

Просмотр сообщенияSmailer (12 Февраль 2016 - 16:22) писал:

Это ответ только на 1 из 3х вопрос)

1. всеравно нужно два раза нажимать мышкой на пустое поле чтобы сбросить всплывающее окно.
Можно ли это исправить?

2 как сделать так чтобы когда в общем каталоге мы нажимаем "в корзину" всплывает  временное окно, на не поднимало вверх, а мы оставались на месте тоесть если мы были посередине сайта нас не поднимало каждый раз вверх - а оставляло нас на месте.


Здравствуйте, извините за долгое ожидание, чтобы окно скрывалось еще быстрее в main.js найдите код:

// Аяксом добавляем товар в корзину и вызываем форму быстрого заказа товара
$.ajax({
type : "POST",
cache : false,
url : formBlock.attr('action'),
data : formData,
success: function(data) {
$.fancybox({
		 content : data,
		 afterLoad: function() {
				 setTimeout(function() {
				 parent.$.fancybox.close({
						 closeEffect: 'elastic'
				 });
				 }, 1500);
		 },
		 // При изменении размера окна изменяем размер окна оформления заказа
		 onUpdate : function(){
				 var w = $(window).width()*0.8;
			   
				 if(w < 800) {
				 // Автоматический ресайз внутреннего блока fancybox-а
				 $('.fancybox-inner').css('width', 'auto');
				 // Изменяем размер fancybox окна
				 $('.fancybox-wrap').css({'width': w + 'px'});
				 }
				 return false;
		 }
});
		
		  setTimeout(function(){$.fancybox.update();}, 500);
  }
});
  return false;
}

и замените на код:

// Аяксом добавляем товар в корзину и вызываем форму быстрого заказа товара
$.ajax({
type : "POST",
cache : false,
url : formBlock.attr('action'),
data : formData,
success: function(data) {
$.fancybox({
		 content : data,
		 afterLoad: function() {
				 setTimeout(function() {
				 parent.$.fancybox.close({
						 closeEffect: 'elastic'
				 });
				 }, 500);
		 },
		 helpers: {
				overlay: {
						locked: false
				}
		},
		 // При изменении размера окна изменяем размер окна оформления заказа
		 onUpdate : function(){
				 var w = $(window).width()*0.8;
			   
				 if(w < 800) {
				 // Автоматический ресайз внутреннего блока fancybox-а
				 $('.fancybox-inner').css('width', 'auto');
				 // Изменяем размер fancybox окна
				 $('.fancybox-wrap').css({'width': w + 'px'});
				 }
				 return false;
		 }
});
		
		  setTimeout(function(){$.fancybox.update();}, 500);
  }
});
  return false;
}


Эти кодом так же решится проблема с перекидыванием вверх страницы.

#10 Smailer

Smailer

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

  • Пользователи
  • PipPipPipPip
  • 661 сообщений
  • ГородВолгоград

Отправлено 16 Февраль 2016 - 13:31

Просмотр сообщенияЮля123 (16 Февраль 2016 - 11:52) писал:

Здравствуйте, извините за долгое ожидание, чтобы окно скрывалось еще быстрее в main.js найдите код:


Всеравно на верех перекидывает как в каталоге так и внутри товара

#11 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 16 Февраль 2016 - 14:29

Просмотр сообщенияSmailer (16 Февраль 2016 - 13:31) писал:

Всеравно на верех перекидывает как в каталоге так и внутри товара
Здравствуйте, найдите в файле main.js
   // При изменении размера окна изменяем размер окна оформления заказа
				 onUpdate : function(){
								 var w = $(window).width()*0.8;
						  
								 if(w < 800) {
								 // Автоматический ресайз внутреннего блока fancybox-а
								 $('.fancybox-inner').css('width', 'auto');
								 // Изменяем размер fancybox окна
								 $('.fancybox-wrap').css({'width': w + 'px'});
								 }
								 return false;
				 }
});
			   
				  setTimeout(function(){$.fancybox.update();}, 500);
  }
});
  return false;
}
		
		  setTimeout(function(){$.fancybox.update();}, 500);
  }
});
  return false;
}
$(function() {
$('a[rel="gallery"]').fancybox();
замените на
				 // При изменении размера окна изменяем размер окна оформления заказа
				 onUpdate : function(){
								 var w = $(window).width()*0.8;
						  
								 if(w < 800) {
								 // Автоматический ресайз внутреннего блока fancybox-а
								 $('.fancybox-inner').css('width', 'auto');
								 // Изменяем размер fancybox окна
								 $('.fancybox-wrap').css({'width': w + 'px'});
								 }
								 return false;
				 }
});
			   
				  setTimeout(function(){$.fancybox.update();}, 500);
  }
});
  return false;
}
		
		  setTimeout(function(){$.fancybox.update();}, 500);
  }
});
  return false;
}
$(function() {
$('a[rel="gallery"]').fancybox();


#12 Smailer

Smailer

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

  • Пользователи
  • PipPipPipPip
  • 661 сообщений
  • ГородВолгоград

Отправлено 16 Февраль 2016 - 19:49

Просмотр сообщенияИрина345 (16 Февраль 2016 - 14:29) писал:

Здравствуйте, найдите в файле main.js
// При изменении размера окна изменяем размер окна оформления заказа
				 onUpdate : function(){
								 var w = $(window).width()*0.8;
						
								 if(w < 800) {
								 // Автоматический ресайз внутреннего блока fancybox-а
								 $('.fancybox-inner').css('width', 'auto');
								 // Изменяем размер fancybox окна
								 $('.fancybox-wrap').css({'width': w + 'px'});
								 }
								 return false;
				 }
});
			
				 setTimeout(function(){$.fancybox.update();}, 500);
}
});
return false;
}
		
		 setTimeout(function(){$.fancybox.update();}, 500);
}
});
return false;
}
$(function() {
$('a[rel="gallery"]').fancybox();
замените на
				 // При изменении размера окна изменяем размер окна оформления заказа
				 onUpdate : function(){
								 var w = $(window).width()*0.8;
						
								 if(w < 800) {
								 // Автоматический ресайз внутреннего блока fancybox-а
								 $('.fancybox-inner').css('width', 'auto');
								 // Изменяем размер fancybox окна
								 $('.fancybox-wrap').css({'width': w + 'px'});
								 }
								 return false;
				 }
});
			
				 setTimeout(function(){$.fancybox.update();}, 500);
}
});
return false;
}
		
		 setTimeout(function(){$.fancybox.update();}, 500);
}
});
return false;
}
$(function() {
$('a[rel="gallery"]').fancybox();

Как только заменяю код - появляется ошибка JS одна за другой - при этом начинает появляться невозможность. положить в корзину что либо.

#13 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Февраль 2016 - 05:44

Попробуйте вместо кода выше использовать:
						   // При изменении размера окна изменяем размер окна оформления заказа
								 onUpdate : function(){
																 var w = $(window).width()*0.8;
											   
																 if(w < 800) {
																 // Автоматический ресайз внутреннего блока fancybox-а
																 $('.fancybox-inner').css('width', 'auto');
																 // Изменяем размер fancybox окна
																 $('.fancybox-wrap').css({'width': w + 'px'});
																 }
																 return false;
								 }
});
					   
								 setTimeout(function(){$.fancybox.update();}, 100);
}
});
return false;
}
$(function() {
$('a[rel="gallery"]').fancybox();


#14 Smailer

Smailer

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

  • Пользователи
  • PipPipPipPip
  • 661 сообщений
  • ГородВолгоград

Отправлено 17 Февраль 2016 - 14:08

Просмотр сообщенияVaccina (17 Февраль 2016 - 05:44) писал:

Попробуйте вместо кода выше использовать:
						 // При изменении размера окна изменяем размер окна оформления заказа
								 onUpdate : function(){
																 var w = $(window).width()*0.8;
											
																 if(w < 800) {
																 // Автоматический ресайз внутреннего блока fancybox-а
																 $('.fancybox-inner').css('width', 'auto');
																 // Изменяем размер fancybox окна
																 $('.fancybox-wrap').css({'width': w + 'px'});
																 }
																 return false;
								 }
});
					
								 setTimeout(function(){$.fancybox.update();}, 100);
}
});
return false;
}
$(function() {
$('a[rel="gallery"]').fancybox();

Вроде сработало, и нету ошибок (ну пока не увидели)..
НО это прям существенное но..
я испытал 3 раза.
Как только я поменял код - после нажатия на кнопку "в корзину" появилась задержка не в 0.5 не в 1 а чуть ли не в 2-3 секунды перед тем как выскочит окошко что "товар добавлен в корзину"
Может показаться что я преувеличил.. но возможно не 3.. но вот сейчас опять попробовал.. действительно прям дольше.
В старом коде нажимаешь и тутже всплывает окошко. Сейчас нажал и ждёшь пока там как будто что то гигабайтное думается.
И не грешите на компьютер.
Попробуйте сами. я думаю у вас даже есть под рукой сервисы которые показывают такие мелочи.
Можете прям сами попробовать поиграть я думаю вы и сами это заметите (даже на ваших ПК)

#15 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 18 Февраль 2016 - 06:15

Попробуйте в измененном коде строку:
setTimeout(function(){$.fancybox.update();}, 100);

заменить на:
setTimeout(function(){$.fancybox.update();}, 500);


#16 Smailer

Smailer

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

  • Пользователи
  • PipPipPipPip
  • 661 сообщений
  • ГородВолгоград

Отправлено 18 Февраль 2016 - 14:44

Просмотр сообщенияVaccina (18 Февраль 2016 - 06:15) писал:

Попробуйте в измененном коде строку:
setTimeout(function(){$.fancybox.update();}, 100);

заменить на:
setTimeout(function(){$.fancybox.update();}, 500);

Сложно сказать что что то есть всеравно не моментально как было до этого кода.
А вы это видите?

#17 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 18 Февраль 2016 - 15:27

Просмотр сообщенияSmailer (18 Февраль 2016 - 14:44) писал:

Сложно сказать что что то есть всеравно не моментально как было до этого кода.
А вы это видите?

Здравствуйте, протестировала работу кнопки в стандартном шаблоне и сравнила время задержки выхода всплывающего окна, у Вас значительно быстрее оно появляется.




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

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