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


Фотография
* * * * - 4 Голосов

Анимация добавления товара в корзину

рецепт корзина

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

#21 Sliapy

Sliapy

Отправлено 09 October 2013 - 22:49

Отличное решение на сайте с нижней навигацией.


  • 1
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]

#22 Евген Аватарович

Евген Аватарович

Отправлено 10 October 2013 - 03:39

 

Ошибся я в предыдущем посте.

 

Вот этот точно работает, я проверил.

jQuery(function($){
		$("a.jsAddToCart").click(function(){
 
			var itemID          = $(this).attr('id');
			var basketPosition  = $(".jsJBZooModuleBasket").offset();
			var imagePosition   = $('.jbzoo-item-'+ itemID +' .item-image').offset();
			var image           = $('.jbzoo-item-'+ itemID +' .item-image');
			var posit           = basketPosition.left - imagePosition.left;
			var top             = basketPosition.top - imagePosition.top;
 
			$(image).clone().css({
				'top'       : '10px',
				'left'      : '20px',
				'position'  : 'absolute'
			}).prependTo($('.jbzoo-item-'+ itemID +' .item-image')).animate({
					opacity : 0.6,
					zIndex  : 9999,
					top     : "-100px",
					left    : "50px"
				}, 300).animate({
					width   : "100px",
					height  : "100px",
					left    : posit + "px",
					top     : top + 'px'
				}, 1000).hide(300,function(){jQuery(this).remove();});
 
		});
	});

СПАСИБО!!!! Даже у меня заработало!!!


  • 0

#23 Евген Аватарович

Евген Аватарович

Отправлено 10 October 2013 - 04:24

Заметил, что в тизерах все работает отлично, а в full представлении при нажатии кнопки "Купить!" анимируется основная картинка и дополнительная "левая", тоесть анимация состоит из двух "летящих в корзину картинок...:( Не подскажете, как это можно исправить.

Вот ссылка на страницу примера: http://happyhome-meb...-orbita-111-new


  • 0

#24 i001

i001

Отправлено 10 October 2013 - 23:20

мистика какая то, у меня перестало работать, причем тока в тизерах, в фуле все ок. 

тизер

http://test.status-card.ru/rolly

 

фул

http://test.status-c...em/avokadelfiya

 

кроме css особо ничего не правил. От чего зависит срабатывание скрипта?


  • 0

#25 fiction13

fiction13

Отправлено 11 October 2013 - 05:22

У Вас в коде:

 

<div "class="span3 item-image align-left">

 

Попробуйте убрать выделенные красным кавычки. Скрипт не может найти позицию изображения из-за них.


Сообщение отредактировал fiction13: 11 October 2013 - 05:23

  • 1

#26 Cheren-dow

Cheren-dow

Отправлено 11 October 2013 - 06:27

Ещё бы это дописать в CSS

.jbzoo-item-full{
    position: relative;
}

А то картинка от куда то с боку летит - не красиво


  • 1
Изображение
 

#27 Cheren-dow

Cheren-dow

Отправлено 11 October 2013 - 06:58

Щас игрался с этой штукой)) Повесил событие на кнопку удаления товара. Теперь удаляешь из корзины все вылетает))) А можно ещё когда нажимаешь на отчистить всю корзину повесить событие. Лежит в корзине 10 товаров нажимаешь отчистить и вауля 10 штук в разные стороны посыпались)) Ахахххх  :))  :))  :))  :))  Как флеш сайт)))


  • 1
Изображение
 

#28 i001

i001

Отправлено 11 October 2013 - 10:24

)))) гы.

fiction13 спасибо за кавычку, сам бы фиг заметил. 


  • 0

#29 i001

i001

Отправлено 11 October 2013 - 13:44

и еще вопрос от меня)) поставил quickview из коробки, от туда картинка не летит. Хелп)


  • 0

#30 Cheren-dow

Cheren-dow

Отправлено 11 October 2013 - 13:49

По идее это уже другое содержимое соответственно ни чего и не летит. Посмотрите пути в скрипте(в выборке) совпадают с шаблоном quicview


Ну и ссылку бы увидеть. Как помочь то без нее.


  • 0
Изображение
 





Темы с аналогичным тегами рецепт, корзина

Click to return to top of page in style!