#1
Отправлено 11 Февраль 2016 - 12:51
1. Оно само пропадает через определенное время.
2. Оно никоим образом не мешает нажать мышкой куда либо 1 раз - и действие было произведено (Не 2 раза как обычно - чтобы закрыть нажав на пустую область) - я думаю я смог объяснить.
(То есть сделать заказ по настоящему "быстрым").
и тоже самое внутри карточки товара
#2
Отправлено 11 Февраль 2016 - 15:09
Smailer (11 Февраль 2016 - 12:51) писал:
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
Отправлено 11 Февраль 2016 - 15:27
Ирина345 (11 Февраль 2016 - 15:09) писал:
Все что мы сделали - мы убрали только кнопки?
потому что окно горит также бесконечно как и было.
=======
и у нас появилась ошибка JS а мы теперь внутри товара даже кнопку в корзину не можем нажать неговоря о том чтобы выбрать количество
#4
Отправлено 11 Февраль 2016 - 17:13
Smailer (11 Февраль 2016 - 15:27) писал:
потому что окно горит также бесконечно как и было.
=======
и у нас появилась ошибка JS а мы теперь внутри товара даже кнопку в корзину не можем нажать неговоря о том чтобы выбрать количество
#5
Отправлено 11 Февраль 2016 - 22:40
Ирина345 (11 Февраль 2016 - 17:13) писал:
1 . Все Хорошо, почти как надо правда всеравно нужно два раза нажимать мышкой на пустое поле чтобы сбросить всплывающее окно.
Можно ли это исправить?
2. второй момент какой параметр нужно поменять чтобы скорость исчезновения была ещё быстрее ?
3. и как сделать так чтобы когда в общем каталоге мы нажимаем "в корзину" всплывает временное окно, на не поднимало вверх, а мы оставались на месте тоесть если мы были посередине сайта нас не поднимало каждый раз вверх - а оставляло нас на месте.
#6
Отправлено 12 Февраль 2016 - 16:16
Smailer (11 Февраль 2016 - 22:40) писал:
Можно ли это исправить?
2. второй момент какой параметр нужно поменять чтобы скорость исчезновения была ещё быстрее ?
3. и как сделать так чтобы когда в общем каталоге мы нажимаем "в корзину" всплывает временное окно, на не поднимало вверх, а мы оставались на месте тоесть если мы были посередине сайта нас не поднимало каждый раз вверх - а оставляло нас на месте.
afterLoad: function() { setTimeout(function() { parent.$.fancybox.close({ closeEffect: 'elastic' }); }, 1500); },
где изменяете значение 1500
#7
Отправлено 12 Февраль 2016 - 16:22
Ирина345 (12 Февраль 2016 - 16:16) писал:
afterLoad: function() { setTimeout(function() { parent.$.fancybox.close({ closeEffect: 'elastic' }); }, 1500); },
где изменяете значение 1500
Это ответ только на 1 из 3х вопрос)
1. всеравно нужно два раза нажимать мышкой на пустое поле чтобы сбросить всплывающее окно.
Можно ли это исправить?
2 как сделать так чтобы когда в общем каталоге мы нажимаем "в корзину" всплывает временное окно, на не поднимало вверх, а мы оставались на месте тоесть если мы были посередине сайта нас не поднимало каждый раз вверх - а оставляло нас на месте.
#8
Отправлено 15 Февраль 2016 - 19:25
#9
Отправлено 16 Февраль 2016 - 11:52
Smailer (12 Февраль 2016 - 16:22) писал:
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; }
Эти кодом так же решится проблема с перекидыванием вверх страницы.
#11
Отправлено 16 Февраль 2016 - 14:29
Smailer (16 Февраль 2016 - 13:31) писал:
// При изменении размера окна изменяем размер окна оформления заказа 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
Отправлено 16 Февраль 2016 - 19:49
Ирина345 (16 Февраль 2016 - 14:29) писал:
// При изменении размера окна изменяем размер окна оформления заказа 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
Отправлено 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
Отправлено 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
Отправлено 18 Февраль 2016 - 06:15
setTimeout(function(){$.fancybox.update();}, 100);
заменить на:
setTimeout(function(){$.fancybox.update();}, 500);
#16
Отправлено 18 Февраль 2016 - 14:44
Vaccina (18 Февраль 2016 - 06:15) писал:
setTimeout(function(){$.fancybox.update();}, 100);
заменить на:
setTimeout(function(){$.fancybox.update();}, 500);
Сложно сказать что что то есть всеравно не моментально как было до этого кода.
А вы это видите?
#17
Отправлено 18 Февраль 2016 - 15:27
Smailer (18 Февраль 2016 - 14:44) писал:
А вы это видите?
Здравствуйте, протестировала работу кнопки в стандартном шаблоне и сравнила время задержки выхода всплывающего окна, у Вас значительно быстрее оно появляется.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных