Сообщений в теме: 6

[shd-2014@yandex.ru]

Приветствую!
1. Просьба такая же как и в этой теме

http://forum.storela...-шаблоне-весна/

убрать всплывающее окно при добавлении товара в корзину.

2. Нужна какая-то анимация помещения товара в корзину, когда всплывающего окна не будет.

3. Когда появляется, то самое всплывающее окно)), страница обновляется и соответственно открывается в самом начале (вверху), что очень не удобно при выборе нескольких товаров. Хотелось бы обойтись без обновления или нужно запоминать позицию перед обновлением возвращаться на нее.

Очень жду, заранее спасибо.

[Alekseys]

shd-2014@yandex.ru (15 Май 2015 - 06:05) писал:

Up

Здравствуйте. В редакторе шаблонов замените в 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;
		}
   });
	 
	  setTimeout(function(){$.fancybox.update();}, 500);
  }
});
  return false;
}

на

  // Аяксом добавляем товар в корзину и вызываем форму быстрого заказа товара
  $.ajax({
	type	: "POST",
  cache   : false,
  url	: formBlock.attr('action'),
  data  : formData,
  success: function(data) {
   $('#cart').html($(data).closest('#newCartData').html());
  }
});
  return false;
}
animateRun = 0;
$(function(){
	$('#animations').live('click', function(){
	  if (animateRun != 1) {
		animateRun = 1;
		var t = $(this), e = t.clone(), b = $('.cart_circle'), o = t.position(), po = t.parent().offset(), bo = b.offset();
		e.css({top: o.top+'px'+252, left: o.left+'px'-36, position: 'absolute', 'z-index': '999'});
		t.parent().append(e);
		e.animate({top: -po.top+bo.top+(b.height()-t.height())/2, left: -po.left+bo.left+(b.width()-t.width())/2}, 500, function(){
			$(this).css({left: 0, top: 0, position: 'static'}).appendTo(B);
		animateRun = 0;
		});
	  }
	});
});

затем в шаблоне Товары замените обе строки

<a class="add_to_cart_small" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ"></a>

на

<a class="add_to_cart_small" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ"><img id="animations" src="{ASSETS_IMAGES_PATH}cart_circle.png"></a>

и в main.css добавьте

#animations {border-radius: 18px;background-color: #ff0551;}

[shd-2014@yandex.ru]

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

[shd-2014@yandex.ru]

и кроме того, задваивается кнопка "положить в корзину", та которая была нажата первой, и для которой отработала анимация

http://st.1001motoch...hot_e_krana.png

[shd-2014@yandex.ru]

Разобрался, спасибо, все работает как надо. Опечатка была в скрипте, в строке
$(this).css({left: 0, top: 0, position: 'static'}).appendTo(;

[Maksy]

Подскажите как убрать форму быстрого заказа совсем? Я добавил инструкции написанные выше, но не функционирующая форма всё равно отображается несколько секунд (иногда до 30 секунд при медленном интернете). Потом она исчезает и мы переходим в корзину, но хочется убрать её совсем. SL-354443. Спасибо.

[Firefly]

Maksy (28 Май 2017 - 00:07) писал:

Подскажите как убрать форму быстрого заказа совсем? Я добавил инструкции написанные выше, но не функционирующая форма всё равно отображается несколько секунд (иногда до 30 секунд при медленном интернете). Потом она исчезает и мы переходим в корзину, но хочется убрать её совсем. SL-354443. Спасибо.

Здравствуйте.
В шаблоне Быстрый заказ найдите код:

  <button type="button" title="Перейти в корзину" class="buy_button quickform" onclick="document.location='{CART_URL}';return false;">Перейти в корзину</button>

Замените на:

  <button type="button" title="Перейти в корзину" class="buy_button" onclick="document.location='{CART_URL}';return false;">Перейти в корзину</button>