catalog/view/theme/тема/template/module/featured.tpl
добавляем то что жирным:
<div class="image"><a href="<?php echo $product['href']; ?>"><img [b]id="<?php echo $product['product_id']; ?>"[/b] src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>"
catalog/view/javascript/common.js скрипт addtocart
меняем функцию анимации для работы с id изображения
function animateImageToCart(pid) {
imagePid = '#' + pid;
imagePosition = $(imagePid).offset(); // получаем позицию изображения
cartPosition = $('#cart').position(); // получаем позицию корзины
cartPosition.left = cartPosition.left + ( $('#cart').width() / 2 );
cartPosition.top = cartPosition.top + ( $('#cart').height() / 2 ); // формальность
$('body').prepend('<div id="imageToCart"><img src="'+ $(imagePid).attr('src') +'"></div>');
$('#imageToCart img').css({
'position': 'absolute',
'display': 'inline-block',
'z-index': '1999',
'left': imagePosition.left + 'px',
'top': imagePosition.top + 'px',
'width': $(imagePid).width() + 'px',
'height': $(imagePid).height() + 'px'
});
// поехала анимация в направлении корзины
$('#imageToCart img').animate({
top: '0px',
left: cartPosition.left + 'px',
opacity: '0',
width: $(imagePid).width() / 3,
height: $(imagePid).height() / 3
}, 2000, function() {
$('#imageToCart').remove();
});
}
в конце скрипта, после блока success не забываем ставить запятую и добавляем:
onSuccess: animateImageToCart(product_id)