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

[doombrother]

Прошу помощи в js ничего не понимаю



Шаблон main.tpl

{* Для того чтобы обернуть центральный блок в шаблон, отличный от index.tpl *}{* Укажите нужный шаблон строкой ниже. Это работает и для других модулей *}{$wrapper = 'index.tpl' scope=parent}<div id="sb-slider" class="sb-slider">								<img src="/design/pharmcosmo/images/ban1.jpg" title="Описание картинки"/>				<img src="/design/pharmcosmo/images/ban2.jpg" title="Описание картинки"/>				<img src="/design/pharmcosmo/images/ban3.jpg" title="Описание картинки"/>                                <img src="/design/pharmcosmo/images/ban4.jpg" title="Описание картинки"/>			</div>                        {literal}		<script type="text/javascript" src="http://www.rudebox.org.ua/demo/create-slider-site-rudebox/js/jquery.min.js"></script>		<script type="text/javascript" src="http://www.rudebox.org.ua/demo/create-slider-site-rudebox/js/jquery.slicebox.min.js"></script>		<script type="text/javascript">			$(function() {								$('#sb-slider').slicebox({                                        slideshow: true,                                        speed3d : 1000,                                        slideshowTime   : 4000,                                  					orientation			: 'h'				});								if( !Modernizr.csstransforms3d ) {					$('#sb-note').show();										$('#sb-examples > li:gt(2)').remove();										$('body').append(						$('script').attr( 'type', 'text/javascript' ).attr( 'src', 'js/jquery.easing.1.3.js' )					);				}				});		</script>                     {/literal}                        <div class="clear"></div>                                                <!-- Header & Search Block -->                        <div class="titlePanel">                                 <div class="searchPanel">				<form action="products">					<input class="input_search" type="text" name="keyword" value="ПОИСК..." />					<input type="button" value="Найти" title="Найти" class="searchBtn" />				</form>                                                        </div>                                                    	<h1>Хиты продаж:</h1>                        </div>{get_featured_products var=featured_products}{if $featured_products}                                                <!-- Catalogue Goods List -->                        <div class="ctLst">                        {foreach $featured_products as $product}                            <!-- Good Item -->                            <div class="ctItem">                            <form class="cart" method="get" action="cart">                            	<div class="ctPhotoBlock">                                    <div class="ctPhoto"><a href="products/{$product->url}" title="{$product->name|escape}"><img src="{$product->image->filename|resize:200:200}" alt="{$product->name|escape}" /></a></div> <div class="ctPrice"><div><span class="pr">{$product->variant->price|convert}</span> {$currency->sign|escape}.</div></div>                                </div>                                <div class="ctTitle">                                    <a href="products/{$product->url}" title="{$product->name|escape}">{$product->name|escape}</a>                                                                    </div>                                                                <div class="ctDescrip">                                	{$product->annotation}                                </div>                             			<!-- Выбор варианта товара -->		<select name="variant" {if $product->variants|count==1  && !$product->variant->name}style='display:none;'{/if}>			{foreach $product->variants as $v}			{assign var="img" value="<a href='{if $v->variant_img}{$v->variant_img|resize:800:600:w}{else}{$product->image->filename|resize:800:600:w}{/if}' class='zoom' rel='group'><img src='{if $v->variant_img}{$v->variant_img|resize:200:300}{else}{$product->image->filename|resize:200:300}{/if}' alt='{$product->name|escape}' /></a>"}			<option value="{$v->id}" {if $v->compare_price > 0}compare_price="{$v->compare_price|convert}"{/if} price="{$v->price|convert}"       image="{if $v->variant_img}{$v->variant_img|resize:200:200}{else}{$product->image->filename|resize:200:200}{/if}" link="{if $v->variant_img}{$v->variant_img|resize:800:600:w}{else}{$product->image->filename|resize:800:600:w}{/if}" {if $v->id == $product->variant->id}selected{/if}>			{$v->name}			</option>			{/foreach}		</select>			<!-- Выбор варианта товара (The End) -->                                <div class="btn">                                	<input class="add" type="submit" value="купить" title="Купить" />                                </div></form>                            </div>                           {/foreach}                                                         <div class="clear"></div>                        </div>						<!-- END Catalogue Goods List -->                                                    <div class="allArticlesLink">                        	<a href="#" title="">все статьи</a>                        </div>                                                <div class="btmBlock">                        	<div class="btmBlockLogo"></div>                            <div class="btmBlockContent">                                <div class="btmBlockT">Добрый день!</div>                                <p></p>                                <p></p>                                <p></p>                                <p></p>                            </div>                        </div>   {/if}	<!--Каталог товаров (The End)--> <!-- Аяксовая корзина --><script src="js/ajax-cart.js"></script><script>{literal}$(function() {	// Выбор вариантов	$('select[name=variant]').change(function() {		price = $(this).find('option:selected').attr('price');		compare_price = '';		if(typeof $(this).find('option:selected').attr('compare_price') == 'string')			compare_price = $(this).find('option:selected').attr('compare_price');		$(this).find('option:selected').attr('compare_price');		$(this).closest('form').find('span.pr').html(price);		$(this).closest('form').find('strike').html(compare_price);	  				return false;			});});</script>{/literal}

[doombrother]

// Аяксовая корзина$('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('.image img').effect("transfer", { to: $("#cart_informer"), className: "transfer_class" }, distance);		$('.transfer_class').html($(this).closest('.product').find('.image').html());	$('.transfer_class').find('img').css('height', '100%');	return false;});/*// Аяксовая корзина$('a[href*=cart?variant]').live('click', function(e) {	e.preventDefault();	//variant_id = $(this).attr('id');		href = $(this).attr('href');	pattern = /\/?cart\?variant=(\d+)$/;	variant_id = pattern.exec(href)[1];		link = $(this);	$.ajax({		url: "ajax/cart.php",		data: {variant: variant_id},		dataType: 'json',		success: function(data){			$('#cart_informer').html(data);			//if(link.attr('added_text'))			//	link.html(link.attr('added_text'));			//link.attr('href', '/cart');		}	});	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('.image img').effect("transfer", { to: $("#cart_informer"), className: "transfer_class" }, distance);		$('.transfer_class').html($(this).closest('.product').find('.image').html());	$('.transfer_class').find('img').css('height', '100%');	return false;});*/

[JustDavali]

- во первых ковырять надо index.tpl
- по опыту такое бывает когда div в котором инклудится файл cart_informer.tpl имеет идентификатор отличный от "cart_informer"

[JustDavali]

хотя в вашем случае все как раз наоборот
нужны файлы
index.tpl
main.tpl
product.tpl
products.tpl

у вас в классах косяк, в тех что указанны в ява-скрипте и в тех что реально присутствуют в верстке

[doombrother]

http://yadi.sk/d/Y1lFFSFn2GGig

Вот залил, попробуете посмотреть?

[JustDavali]

если только вечером
либо сами:
вам необходимо прописать одинаковые стили слоям с картинками изображений в product.tpl, products.tpl, main.tpl и в ajax_cart

$(this).closest('.product').find('.image img').effect("transfer", { to: $("#cart_informer"), className: "transfer_class" }, distance);	$('.transfer_class').html($(this).closest('.product').find('.image').html());

[doombrother]

можно поподробнее...

[doombrother]

на небольшом примере

[JustDavali]

пример стандартный шаблон product.tpl

<div class="product">
<div class="image">
	<img src="..." />
</div>
</div>

тег img в диве с классом image который в свою очередь в диве с классом product

Вот код из ajax_cart

$(this).closest('.product').find('.image img').effect("transfer", { to: $("#cart_informer"), className: "transfer_class" }, distance);	
$('.transfer_class').html($(this).closest('.product').find('.image').html());

в нем тоже упоминаются тег img и классы image и product

а в вашем шаблоне если сократить получается вот так:

<div class="ctPhotoBlock">               <div class="ctPhoto">                                    <img src="....." />               </div></div>

поэтому и не работает перелет в корзину картинки товара.
понятно?

[doombrother]

Изменил сам скрипт не помогло

// Аяксовая корзина$('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('.ctPhotoBlock').find('.ctPhoto img').effect("transfer", { to: $("#cart_informer"), className: "transfer_class" }, distance);		$('.transfer_class').html($(this).closest('.ctPhotoBlock').find('.ctPhoto').html());	$('.transfer_class').find('img').css('height', '100%');	return false;});

[doombrother]

может я что то не правильно понял?

[Алексей Склейнов]

 

лучше далеко не отходить от стандартной верстки симплы и будет меньше проблем...впрочем JustDavali достаточно точно все описал

 

[sergei5770]

а у вас шаблон стоковый?