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

[julia_k]

Сake (08 Октябрь 2013 - 06:12) писал:

В шаблоне "Пластик" можно использовать следующий код

$(function() {
	 $('form.goodsDataForm, form.goodsToCartFromCompareForm, form.goodsListForm').each(function() {
		 $(this).addClass('ajaxForm');
	 });
	 $(this).find('.ulproduct, .fullimg, .tabproduct').addClass('form-block-wrapper');
	 $(this).find('.ulproduct img, .fullimg img, .tabproduct img').addClass('product-img');
	 $('form.ajaxForm').submit(function() {
			 var formData = $(this).serializeArray();
			 formData.push({name: 'ajax_q', value: 1});
			 $.post($(this).attr('action'), formData, $.proxy(function(html) {
					 $('div.cartInfo .cartSum').html($(html).find('.newCartSum').html());
					 $('#cartCount').html($(html).find('.newCartCount').html());
					 var wrapper = $(this).closest('.form-block-wrapper').length ? $(this).closest('.form-block-wrapper') : $(this);
					 var product_img = wrapper.find('.product-img');
					 var img = product_img.clone().appendTo($('body'));
					 img.css({
							 position: "absolute",
							 left: product_img.offset().left,
							 top: product_img.offset().top,
							 display: "block",
							 zIndex: 999
					 }).animate({
							 width: 0,
							 height: 0,
							 left: $('.cartInfo').offset().left,
							 top: $('.cartInfo').offset().top
							 }, 800, 'linear', function() {
								 $(this).remove();
							 });
			 }, this));
			 return(false);
	 });
});

Здравствуйте! Сделала вышеописанное, теперь при добавлении товара в корзину появляется ошибка. В чём может быть причина?
SL-296254

[Сake]

Проблема в том, что у вас отсутствует необходимый класс cartInfo. Найдите в вашем шаблоне "HTML" строку

<div class="cart">

и замените её на

<div class="cart cartInfo">

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

margin: -60px 0 0 770px;

в вашем файле стилей main.css. Такие большие значения как 770px задавать нельзя. Для исправления проблемы - найдите в вашем файле стилей main.css следующий класс

#header .blocks .cart a img {
  float: left;
  margin: -60px 0 0 770px;
}

и замените его на

#header .blocks .cart a img {
  float: left;
  margin: -60px 0 0;
}

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

#header {
  position: relative;
}
.cartInfo {
  bottom: 10px;
  position: absolute;
  right: 60px;
}

[julia_k]

Спасибо огромное)!!!

[sofia77]

Сake (05 Октябрь 2013 - 04:25) писал:

В шаблоне "Сияние" можно использовать следующий код

$(function() {
$('form.goodsDataForm, form.goodsToCartFromCompareForm, form.goodsListForm').each(function() {
	 $(this).addClass('ajaxForm');
});
$(this).find('.listing, .goodsDataMainImage, .goodsListItemImage').addClass('form-block-wrapper');
$(this).find('.listing img, .goodsDataMainImage img, .goodsListItemImage img').addClass('product-img');
$('form.ajaxForm').submit(function() {
	 var formData = $(this).serializeArray();
	 formData.push({name: 'ajax_q', value: 1});
	 $.post($(this).attr('action'), formData, $.proxy(function(html) {
		 $('#cartSum').html($(html).find('.newCartSum').html());
		 $('#cartCount').html($(html).find('.newCartCount').html());
		 var wrapper = $(this).closest('.form-block-wrapper').length ? $(this).closest('.form-block-wrapper') : $(this);
		 var product_img = wrapper.find('.product-img');
		 var img = product_img.clone().appendTo($('body'));
		 img.css({
			 position: "absolute",
			 left: product_img.offset().left,
			 top: product_img.offset().top,
			 display: "block",
			 zIndex: 999
		 }).animate({
			 width: 0,
			 height: 0,
			 left: $('#cartInfo').offset().left,
			 top: $('#cartInfo').offset().top
			 }, 800, 'linear', function() {
				 $(this).remove();
			 });
	 }, this));
	 return(false);
});
});

данный код необходимо вставить в конец файла main.js. Так же из этого файла необходимо удалить

// Добавление товара в корзину через ajax
$('.goodsDataForm, .goodsToCartFromCompareForm, .goodsListForm').submit(function(){

$(this).nyroModalManual({
	 formIndicator: 'ajax_q', // Value added when a form is sent
	 minWidth: 450, // Minimum width
	 minHeight: 140, // Minimum height
	 gallery: null // Gallery name if provided
});
return false;
});

Посмотрите плиз, правильно ли у меня стоит код?
Вроде все сделала, а анимации нет если нажимать кнопку "Купить" при отображении товаров таблицей, в каталоге товаров. не заходя в карточку. ( в карточке товара анимация есть)

И второе. Можно ли сделать то же самое при отображении товаров списком http://duplomania.ru...ods_view_type=2
Он у меня немного модифицирован..

[Vaccina]

$(function() {
$('form.goodsDataForm, form.goodsToCartFromCompareForm, form.goodsListForm').each(function() {
		 $(this).addClass('ajaxForm');
});
$(this).find('.listing, .goodsDataMainImage, .goodsListItemImage').addClass('form-block-wrapper');
$(this).find('.listing img, .goodsDataMainImage img, .goodsListItemImage img').addClass('product-img');
$('form.ajaxForm').submit(function() {
		 var formData = $(this).serializeArray();
		 formData.push({name: 'ajax_q', value: 1});
		 $.post($(this).attr('action'), formData, $.proxy(function(html) {
				 $('#cartSum').html($(html).find('.newCartSum').html());
				 $('#cartCount').html($(html).find('.newCartCount').html());
				 var wrapper = $(this).closest('.form-block-wrapper').length ? $(this).closest('.form-block-wrapper') : $(this);
				 var product_img = wrapper.find('.product-img');
				 var img = product_img.clone().appendTo($('body'));
				 img.css({
						 position: "absolute",
						 left: product_img.offset().left,
						 top: product_img.offset().top,
						 display: "block",
						 zIndex: 999
				 }).animate({
						 width: 0,
						 height: 0,
						 left: $('#cartInfo').offset().left,
						 top: $('#cartInfo').offset().top
						 }, 800, 'linear', function() {
								 $(this).remove();
						 });
		 }, this));
		 return(false);
});
});

замените на:

$(function() {
$('form.goodsDataForm, form.goodsToCartFromCompareForm, form.goodsListForm').each(function() {
		 $(this).addClass('ajaxForm');
});
$(this).find('.listing, .goodsDataMainImage, .goodsListItemBlock').addClass('form-block-wrapper');
$(this).find('.listing img, .goodsDataMainImage img, .goodsListItemImage img').addClass('product-img');
$('form.ajaxForm').submit(function() {
		 var formData = $(this).serializeArray();
		 formData.push({name: 'ajax_q', value: 1});
		 $.post($(this).attr('action'), formData, $.proxy(function(html) {
				 $('#cartSum').html($(html).find('.newCartSum').html());
				 $('#cartCount').html($(html).find('.newCartCount').html());
				 var wrapper = $(this).closest('.form-block-wrapper').length ? $(this).closest('.form-block-wrapper') : $(this);
				 var product_img = wrapper.find('.product-img');
				 var img = product_img.clone().appendTo($('body'));
				 img.css({
						 position: "absolute",
						 left: product_img.offset().left,
						 top: product_img.offset().top,
						 display: "block",
						 zIndex: 999
				 }).animate({
						 width: 0,
						 height: 0,
						 left: $('#cartInfo').offset().left,
						 top: $('#cartInfo').offset().top
						 }, 800, 'linear', function() {
								 $(this).remove();
						 });
		 }, this));
		 return(false);
});
});

[sofia77]

Спасибо! Теперь при отображении товаров таблицей, анимация есть)
А как мне избавиться вот от такого окна при отображении товаров списком?

[Ирина345]

sofia77 (27 Декабрь 2014 - 14:12) писал:

Спасибо! Теперь при отображении товаров таблицей, анимация есть)
А как мне избавиться вот от такого окна при отображении товаров списком?

отображение списком.gif

отображение списком, окно.gif

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

[sofia77]

Ирина345 (27 Декабрь 2014 - 17:04) писал:

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

чтобы просто добавлялся товар в корзину (с анимацией) но окно не появлялось.

[VID61]

Добрый вечер.
Какой код и куда нужно прописать, чтоб товар автоматически добавлялся в корзину без всплывающего окна для шаблона ДВИЖЕНИЕ.

[Ачаевший чувачок]

а в шаблоне радость?)

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

[ac-dream]

Как сделать такое добавление в корзину с анимацией для темы "Хамелеон"?
Аккаунт SL-343424

[ac-dream]

ac-dream (20 Май 2015 - 01:25) писал:

Как сделать такое добавление в корзину с анимацией для темы "Хамелеон"?
Аккаунт SL-343424

Кто-нибудь знает?

[ac-dream]

ac-dream (21 Май 2015 - 23:59) писал:

Кто-нибудь знает?

Всё ещё жду ответа...

[ac-dream]

Кто-то занимается моим вопросом????

[ac-dream]

Здравствуйте!
Почему-то уползла надпись "Очистить корзину" (СКРИН). Как её сделать сделать относительно кнопки по центру?
Аккаунт SL-343424

Прикрепленные изображения

• 

[Danil]

ac-dream (16 Июнь 2015 - 23:14) писал:

Здравствуйте!
Почему-то уползла надпись "Очистить корзину" (СКРИН). Как её сделать сделать относительно кнопки по центру?
Аккаунт SL-343424

Здравствуйте.
В конец main.css добавьте

.cart-info.pagecont .buttons > a {
  text-align: center;
}

[ac-dream]

Danil (19 Июнь 2015 - 17:39) писал:

Здравствуйте.
В конец main.css добавьте

.cart-info.pagecont .buttons > a {
text-align: center;
}

Спасибо!
Давно не могу получить ответ на предыдущий мой вопрос. Повторю:
Как сделать  добавление в корзину с анимацией (описанное в начале темы) для темы "Хамелеон"?
Аккаунт SL-343424

[ac-dream]

Здравствуйте.
Опять изменился цвет текста на кнопке "Купить" на странице товара без модификаций (СКРИН). Видимо, после изменения цвета текста на других кнопках изменился и здесь. Как сделать так, чтобы цвет изменился ТОЛЬКО на этой кнопке.
Аккаунт SL-343424

Прикрепленные изображения

• 

[Vaccina]

В main.css найдите:

.button_cart_product {
	margin: 0px 0px 0px 5px;
	transition: all 0.35s ease 0s;
	color: #666;
	background: #FFF none repeat scroll 0% 0%;
}

попробуйте заменить на:

.button_cart_product {
	margin: 0px 0px 0px 5px;
	transition: all 0.35s ease 0s;
	color: #666 !important;
	background: #FFF !important;
}

[ac-dream]

Vaccina (05 Август 2015 - 05:54) писал:

В main.css найдите:

.button_cart_product {
margin: 0px 0px 0px 5px;
transition: all 0.35s ease 0s;
color: #666;
background: #FFF none repeat scroll 0% 0%;
}

попробуйте заменить на:

.button_cart_product {
margin: 0px 0px 0px 5px;
transition: all 0.35s ease 0s;
color: #666 !important;
background: #FFF !important;
}

Такого кода не вижу.