Перелёт товара в корзину

[ZAMUT48]

Со старыми проблемами разобрался, теперь возникла следующая. Корзина и её обновление ajax'ом работает хорошо, НО, при перелёте в корзину перелетает фотография от каждого товара, а сама фотография того товара, который нужен, вообщем незнаю как объяснить, успел завпечатлить (см. на скриншоте)

 

 

Вот на фото видно всю проблему. Понимаю что в верстке где-то ошибка, прошу помочь где именно, что может заставить так делать анимацию!?

Уш тяжело мне с этими тегами в Simple работать, путаюсь

[ps-simpla]

покажите код страницы где это проиcходит(main.tpl или products.tpl)

и ajax_cart.js тоже сюда

[ZAMUT48]

ajax_cart.js

// Аяксовая корзина
$('form.variants').live('submit', function(e) {
	e.preventDefault();
	button = $(this).find('input[type="submit"]');
	if($(this).find('input[name=variant]:checked').size()>0)
		variant = $(this).find('input[name=variant]:checked').val();
	if($(this).find('select[name=variant]').size()>0)
		variant = $(this).find('select').val();
	$.ajax({
		url: "ajax/cart.php",
		data: {variant: variant},
		dataType: 'json',
		success: function(data){
			$('#cart_informer').html(data);
			if(button.attr('data-result-text'))
				button.val(button.attr('data-result-text'));
		}
	});
	var o1 = $(this).offset();
	var o2 = $('#cart_informer').offset();
	var dx = o1.left - o2.left;
	var dy = o1.top - o2.top;
	var distance = Math.sqrt(dx * dx + dy * dy);
	$(this).closest('#product').find('.product-cover img').effect("transfer", { to: $("#cart_informer"), className: "transfer_class" }, distance);	
	$('.transfer_class').html($(this).closest('#product').find('.product-cover').html());
	$('.transfer_class').find('img').css('height', '100%');
	return false;
});

 

main.tpl

{* Главная страница магазина *}

{* Для того чтобы обернуть центральный блок в шаблон, отличный от index.tpl *}
{* Укажите нужный шаблон строкой ниже. Это работает и для других модулей *}
{$wrapper = 'index.tpl' scope=parent}

{* Тело страницы *}
{$page->body}


{* Рекомендуемые товары *}
{get_featured_products var=featured_products}
{if $featured_products}
<!-- Список товаров-->
<ul id="product">
{foreach $featured_products as $product}
<li>

<!-- Фото товара -->
{if $product->image}
<div class="product-cover">
<a href="products/{$product->url}"><img src="{$product->image->filename|resize:320:215}" alt="{$product->name|escape}"/></a>
</div>
{/if}
<!-- end.Фото товара -->

<!-- Название товара -->
<div class="prod-ttl">
<a data-product="{$product->id}" href="products/{$product->url}">{$product->name|escape}</a>
</div>
<!-- end.Название товара -->

<!-- Цена, в корзину -->
{if $product->variants|count > 0}

<form class="variants" action="/cart">
<table>
{foreach $product->variants as $v}
<tr class="variant">
	<td>
	<input id="featured_{$v->id}" name="variant" value="{$v->id}" type="radio" class="variant_radiobutton" {if $v@first}checked{/if} {if $product->variants|count<2}style="display:none;"{/if}/>
    </td>
    <td>
    {if $v->name}<label class="variant_name" for="featured_{$v->id}">{$v->name}</label>{/if}
    </td>
    <td>
    {if $v->compare_price > 0}<span class="compare_price">{$v->compare_price|convert}</span>{/if}
    <span class="price">{$v->price|convert} <span class="currency">{$currency->sign|escape}</span></span>
    </td>
</tr>
{/foreach}
</table>
<input type="submit" class="addcart" value="+ в корзину" data-result-text="добавлено"/>
</form>

{else}
Нет в наличии

{/if}
<!-- end.Цена, в корзину -->

</li>
{/foreach}
</ul>
{/if}

 

Всякие table. tr я добавил из обычного шаблона, класс variants и variant не прописаны в стилях но думаю всеровно не в этом дело

[Kosjak76]

#product - это не правильно.

Пропишите

и .product в Джаваскрипте

[alaster]

Ошибка в селекторах, как и говорит Косяк.

[ZAMUT48]

Всё спасибо, проблема решена!

[Kosjak76]

Не надо МЕНЯТЬ id на class, надо ДОБАВИТЬ