Jump to content


Photo
* * * * - 4 votes

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

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

78 replies to this topic

#71 Cheren-dow

Cheren-dow
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 20 May 2015 - 16:06

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

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


  • 0
Posted Image
 

#72 andreinstruktor

andreinstruktor
  • JBZoo User (rus)
  • User rate: 0.3
  • posts: 67
  • topics: 25

Posted 07 June 2015 - 10:08

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

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

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


  • 1

#73 Cheren-dow

Cheren-dow
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 07 June 2015 - 11:10

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


  • 2
Posted Image
 

#74 andreinstruktor

andreinstruktor
  • JBZoo User (rus)
  • User rate: 0.3
  • posts: 67
  • topics: 25

Posted 08 June 2015 - 12:01

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

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


  • 0

#75 laRus

laRus
  • JBZoo User (rus)
  • User rate: 60
  • posts: 1334
  • topics: 31

Posted 28 September 2015 - 10:33

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

 

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


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

#76 dalwebmaster

dalwebmaster
  • JBZoo User (rus)
  • User rate: 0.5
  • posts: 107
  • topics: 37

Posted 10 April 2016 - 04:52

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


  • 1

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


#77 laRus

laRus
  • JBZoo User (rus)
  • User rate: 60
  • posts: 1334
  • topics: 31

Posted 10 April 2016 - 08:38

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

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

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

 

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

1) красиво,

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

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


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

#78 Cheren-dow

Cheren-dow
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 11 April 2016 - 11:57

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

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

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

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

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

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

kut3_200x0.png

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

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

После строк:

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

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

// Сделайте свое обращение к картинке.
var image  = $('.item-image .jbimage');
var itemId = input.attr('data-item');
var item   = $('.jbzoo-item-' + itemId);

var basketPos = $('.jsJBZooCartModule').offset();
var imagePos  = image.offset();
var posit     = basketPos.left - imagePos.left;
var top       = basketPos.top - imagePos.top;
var imgWrap   = image.closest('.jbimage-gallery');

$(image).clone().css({
    'top'       : '10px',
    'left'      : '20px',
    'position'  : 'absolute'
}).prependTo(imgWrap).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(){$(this).remove();});

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


  • 2
Posted Image
 

#79 laRus

laRus
  • JBZoo User (rus)
  • User rate: 60
  • posts: 1334
  • topics: 31

Posted 11 April 2016 - 16:48

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





Also tagged with one or more of these keywords: рецепт, корзина

Click to return to top of page in style!