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


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

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

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

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

#71 Cheren-dow

Cheren-dow

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

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

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


  • 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

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

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


  • 0

#75 laRus

laRus

Отправлено 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

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

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


  • 1

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


#77 laRus

laRus

Отправлено 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

Отправлено 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
Изображение
 

#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!