Решил проблему неправильного места отрыва картинки, путем подстройки шаблона под сам скрипт ... Может кто знает как универсальнее решить проблему ?
решение подсказал SDKiller, за что ему + в репку
итак, опишу что в конечном итоге требуется:
1) скачиваем скрипт jquery-ui.min.js
2) подключаем в файле list_products.php два скрипта:
<script src="templates/имя_вашего шаблона/js/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">
function FlyImage(myimage) {
var o1 = jQuery('#image'+myimage).offset();
var o2 = jQuery('#vm_cart').offset();
var dx = o1.left - o2.left;
var dy = o1.top - o2.top;
var distance = Math.sqrt(dx * dx + dy * dy);
jQuery('#image'+myimage ).effect("transfer", { to: jQuery("#link_to_move"), className: "transfer_class" }, distance);
jQuery('.transfer_class').html(jQuery('.block'+myimage).html());
jQuery('.transfer_class').find('img').css('height', '100%');
jQuery('.transfer_class').find('img').css('width', 'auto');
return false;
};
</script>
небольшие комментарии по элементам:
'#image'+myimage - это уникальный id картинки;
'#vm_cart' - id модуля корзины;
#link_to_move - в моём случае это "значок" корзины, чтобы картинка улетала прямо в значок корзинки, вместо него можно использовать '#vm_cart';
'.transfer_class' - любой класс, ни на что не влияет
'.block'+myimage - родительский класс блока с картинкой
3) правим файл product.php в папке list_product:
а именно - заворачиваем ссылку с картинкой в div с классом и добавляем самой картинке уникальный id
<div class="block<?php print $product->product_id?>">
<a href="<?php print $product->product_link?>">
<img id="image<?php print $product->product_id?>" src="<?php print $product->image?>" alt="<?php print htmlspecialchars($product->name)?>" />
</a>
</div>
4) кнопке купить вешаем событие onclick:
<a onclick="FlyImage(<?php echo $product->product_id;?>); return false;" href="<?php print $product->buy_link?>"><?php print _JSHOP_BUY?></a>
всё после этого всё должно заработать (если конечно у вас есть либо модуль корзины от ice либо платный от разработчиков)
пример того, как работает у меня:
http://gekon.moolkin.ru/catalog/biblioteka-shkolnika