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


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

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

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

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

#71 Cheren-dow

Cheren-dow

Отправлено 20 May 2015 - 16:06

HotGomer сказал(а) 20 Май 2015 - 06:40:

Очень исчерпывающий ответ.  спасибо за поддержку, че)

Это рецепт а не готовый функционал, к тому же в нем указанно что поддержка не несет за это ответственности. Без ссылки на сайт вам помочь очень трудно. 


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

#72 andreinstruktor

andreinstruktor

Отправлено 07 June 2015 - 10:08

Здравствуйте!

А как сделать анимацию в версии 2.2.0

Тут у кнопок нет аттрибута href=...


  • 1

#73 Cheren-dow

Cheren-dow

Отправлено 07 June 2015 - 11:10

andreinstruktor, для 220 это решение не делал. Появится свободное время напишу рецепт 


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

#74 andreinstruktor

andreinstruktor

Отправлено 08 June 2015 - 12:01

Cheren-dow сказал(а) 07 Июн 2015 - 10:10:

andreinstruktor, для 220 это решение не делал. Появится свободное время напишу рецепт 

Понял, подождем  ...


  • 0

#75 laRus

laRus

Отправлено 28 September 2015 - 10:33

Cheren-dow сказал(а) 07 Окт 2013 - 08:41:

При следующих обновлениях эти изменения могут пострадать.
 Это точно! При конвертации 2.1.5 -> 2.2.0 полет не работает.  А можно вернуть (хозяину сайта уж очень нравится, как бутылки сваливаются в корзину :) ) ?

 

В какую сторону посмотреть (что-то не сориентируюсь)? Не срочный вопрос..! Если будет время..


  • 1
..minimum effort for maximum effect? - Oh yeah! It's good!..

#76 dalwebmaster

dalwebmaster

Отправлено 10 April 2016 - 04:52

Таки найдите пожалуйста минутку, очень хотелось бы ;)


  • 1

Все что делал www.dalweb.su и делаю www.dalweb.studio


#77 laRus

laRus

Отправлено 10 April 2016 - 08:38

Cheren-dow сказал(а) 07 Июн 2015 - 10:10:

Появится свободное время напишу рецепт 

dalwebmaster сказал(а) 10 Апр 2016 - 03:52:

Таки найдите пожалуйста минутку, очень хотелось бы

Поддерживаю! :) 

 

Cheren-dow, плииииизз :) ... если появится время, вспомните, пожалуйста об этом рецепте:

1) красиво,

2) сразу видно, в каком направлении корзина (удобно и интересно пользователю)

3) позволяет размещать корзину в нестандартных местах


  • 0
..minimum effort for maximum effect? - Oh yeah! It's good!..

#78 Cheren-dow

Cheren-dow

Отправлено 11 April 2016 - 11:57

Переделал на быструю руку, под 220. Проверял вроде работает. Точно не будет работать с режимом кнопок если это модальное окно, возможно есть еще подводные камни шибко не проверял.

Идем в шаблон кнопок, по умолчанию это файл:

  1. \media\zoo\applications\jbuniversal\cart-elements\price\buttons\tmpl\add.php

Или же переопределенный в шаблоне:
 

  1. \media\zoo\applications\jbuniversal\templates\ШАБЛОН\cart-elements\price\buttons\tmpl\add.php

Добавляем к span новый атрибут:

kut3_200x0.png

Далее открываем файл:

  1. \media\zoo\applications\jbuniversal\cart-elements\price\buttons\assets\js\buttons.js

После строк:

  1. var jbPrice = $this.el.closest('.jsPrice').data('JBZooPrice'),
  2. quantity = jbPrice.get('quantity', '1'),
  3. input = $(this);

В ставьте следующий код:

  1. // Сделайте свое обращение к картинке.
  2. var image = $('.item-image .jbimage');
  3. var itemId = input.attr('data-item');
  4. var item = $('.jbzoo-item-' + itemId);
  5.  
  6. var basketPos = $('.jsJBZooCartModule').offset();
  7. var imagePos = image.offset();
  8. var posit = basketPos.left - imagePos.left;
  9. var top = basketPos.top - imagePos.top;
  10. var imgWrap = image.closest('.jbimage-gallery');
  11.  
  12. $(image).clone().css({
  13. 'top' : '10px',
  14. 'left' : '20px',
  15. 'position' : 'absolute'
  16. }).prependTo(imgWrap).animate({
  17. opacity : 0.6,
  18. zIndex : 9999,
  19. top : '-100px',
  20. left : '50px'
  21. }, 300).animate({
  22. width : '100px',
  23. height : '100px',
  24. left : posit + 'px',
  25. top : top + 'px'
  26. }, 1000).hide(300,function(){$(this).remove();});

Должно работать. Если копия картинки летит но не долетает до корзины 100% в блоке где находится изображение есть стиль overflow: hidden; его по возможности нужно убрать.


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

#79 laRus

laRus

Отправлено 11 April 2016 - 16:48

Cheren-dow, большое спасибо!!! :)  Очень-очень классно!!  (yes) 
  • 1
..minimum effort for maximum effect? - Oh yeah! It's good!..





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

Click to return to top of page in style!