реализация в примере
// Add to cart animation
$('.product_item .add_to_box').click(function() {
var $cart_box_icon = $('.cart .box_icon');
var $thiz = $(this);
var parent = $thiz.parents('.product_item');
var moveLeft = $cart_box_icon.offset().left;
var moveTop = $cart_box_icon.offset().top;
var img = parent.find('.product_img_holder img');
var imgLeft = img.offset().left;
var imgTop = img.offset().top;
var cImg = img.clone();
var speed;
$('body').append(cImg);
if (imgTop < 400) {
speed = 600;
} else if (imgTop > 1200) {
speed = 1000;
} else {
speed = imgTop;
}
cImg.css({
'position': 'absolute',
'top': imgTop,
'left': imgLeft,
'z-index': 201,
'width': 200,
'height': 200
});
cImg.animate({
left: moveLeft,
top: moveTop,
width: 24,
height: 24
}, speed, function() {
cImg.fadeOut(200).remove();
$('.cart').addClass('full');
});
cart.add_to_cart($(this).attr('data-id'));
});
разобраться и сделать по аналогии