Перейти к содержимому


Фотография
* * * * - 4 Голосов

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

рецепт корзина

Сообщений в теме: 78

#11 Cheren-dow

Cheren-dow

Отправлено 08 October 2013 - 07:32

Вы наверно правили элемент JBimage т.к сейчас у ссылки атрибут rel=nofollow? а по идее должно быть rel=jbimage-gallery-<id-элемента> И из за этого изображение не находится


Везде в JS коде где есть

a[rel=jbimage-gallery-'+ itemID +'] .jbimage

Его нужно заметять - делать обращение по другому


  • 0
Изображение
 

#12 Cheren-dow

Cheren-dow

Отправлено 08 October 2013 - 07:52

Вам надо так обращаться к изображению

$(".jbzoo-item-"+itemID+" .jbimage-link .jbimage")

Должно быть как то так

<script>
	jQuery(function($){
		$("a.jsAddToCart").click(function(){

			var itemID          = $(this).attr('id');
			var basketPosition  = $(".jsJBZooModuleBasket").offset();
			var imagePosition   = $(".jbzoo-item-"+itemID+" .jbimage-link .jbimage").offset();
			var image           = $(".jbzoo-item-"+itemID+" .jbimage-link .jbimage");
			var posit           = basketPosition.left - imagePosition.left;
			var top             = basketPosition.top - imagePosition.top;

			$(image).clone().css({
				'top'       : '10px',
				'left'      : '20px',
				'position'  : 'absolute'
			}).prependTo($('.jbzoo-item-"+itemID+" .jbimage-link')).animate({
					opacity : 0.6,
					zIndex  : 9999,
					top     : "-100px",
					left    : "50px"
				}, 300).animate({
					width   : "100px",
					height  : "100px",
					left    : posit + "px",
					top     : top + 'px'
				}, 1000).hide(300,function(){jQuery(this).remove();});

		});
	});
</script>


Сообщение отредактировал Cheren-dow: 08 October 2013 - 07:54

  • 0
Изображение
 

#13 Евген Аватарович

Евген Аватарович

Отправлено 08 October 2013 - 08:19

Да, корректировки в элемент JBZoo Image вносились, по просьбе СЕО-шников.

Спасибо за попытку помочь, но, все равно не получилось


  • 0

#14 i001

i001

Отправлено 09 October 2013 - 14:37

Столкнулся что не работает эта штука, прошу подсказать что не так.

скрипт вставлял напрямую в index.php подключал отдельным файлом, все 100 раз проверил, все равно не работает

сайт

http://test.status-card.ru/rolly

 

 

zoo 3.1.2 jbzoo 2.0.2 joomla 2.5.14


  • 0

#15 fiction13

fiction13

Отправлено 09 October 2013 - 15:14

У Вас тизеры с неуникальными классами. Считаю, что надо добавить id="<?php echo $this->getItem()->id;?>" к обрамляющему диву, а потом уже объявлять скрипту путь до изображения.


  • 0

#16 i001

i001

Отправлено 09 October 2013 - 15:32

обрамил тизеры divами теперь они уникальные, но все равно не работает. 


  • 0

#17 fiction13

fiction13

Отправлено 09 October 2013 - 16:36

А теперь скрипт выглядит так:

<script>
	jQuery(function($){
		$("a.jsAddToCart").click(function(){
 
			var itemID          = $(this).attr('id');
			var basketPosition  = $(".jsJBZooModuleBasket").offset();
			var imagePosition   = $('jbzoo-item-'+ itemID +' .item-image .jbimage').offset();
			var image           = $('jbzoo-item-'+ itemID +' .item-image .jbimage');
			var posit           = basketPosition.left - imagePosition.left;
			var top             = basketPosition.top - imagePosition.top;
 
			$(image).clone().css({
				'top'       : '10px',
				'left'      : '20px',
				'position'  : 'absolute'
			}).prependTo($('jbzoo-item-'+ itemID +' .item-image .jbimage')).animate({
					opacity : 0.6,
					zIndex  : 9999,
					top     : "-100px",
					left    : "50px"
				}, 300).animate({
					width   : "100px",
					height  : "100px",
					left    : posit + "px",
					top     : top + 'px'
				}, 1000).hide(300,function(){jQuery(this).remove();});
 
		});
	});
</script>

  • 0

#18 fiction13

fiction13

Отправлено 09 October 2013 - 16:51

*
Популярное сообщение!

Ошибся я в предыдущем посте.

 

Вот этот точно работает, я проверил.

jQuery(function($){
		$("a.jsAddToCart").click(function(){
 
			var itemID          = $(this).attr('id');
			var basketPosition  = $(".jsJBZooModuleBasket").offset();
			var imagePosition   = $('.jbzoo-item-'+ itemID +' .item-image').offset();
			var image           = $('.jbzoo-item-'+ itemID +' .item-image');
			var posit           = basketPosition.left - imagePosition.left;
			var top             = basketPosition.top - imagePosition.top;
 
			$(image).clone().css({
				'top'       : '10px',
				'left'      : '20px',
				'position'  : 'absolute'
			}).prependTo($('.jbzoo-item-'+ itemID +' .item-image')).animate({
					opacity : 0.6,
					zIndex  : 9999,
					top     : "-100px",
					left    : "50px"
				}, 300).animate({
					width   : "100px",
					height  : "100px",
					left    : posit + "px",
					top     : top + 'px'
				}, 1000).hide(300,function(){jQuery(this).remove();});
 
		});
	});

  • 5

#19 i001

i001

Отправлено 09 October 2013 - 16:59

благодарю 


  • 0

#20 Новичек

Новичек

Отправлено 09 October 2013 - 22:41

Все работает, спасибо!!!

__________

JBZoo 2.0.2


Сообщение отредактировал Новичек: 09 October 2013 - 22:50

  • 1





Темы с аналогичным тегами рецепт, корзина

Click to return to top of page in style!