Полет картинки товара в корзину

[zeus12]

есть сайт , надо что бы при клике на кнопку купить товар улетал в корзину , версия опенкарт 2.3 ,перелистал весь инет нигде немогу найти подобное ,что где менять ... я хз Помогите !!

вот сайт пример ! http://dominos.ua/ru/Pizza/

[Guava]

8 минут назад, zeus12 сказал:

есть сайт , надо что бы при клике на кнопку купить товар улетал в корзину , версия опенкарт 2.3 ,перелистал весь инет нигде немогу найти подобное ,что где менять ... я хз Помогите !!

вот сайт пример ! http://dominos.ua/ru/Pizza/

так она улетает туда, всё работает. 

[zeus12]

Только что, Guava сказал:

так она улетает туда, всё работает. 

это сайт пример -как я хочу что бы у меня было 

[fanatic]

реализация в примере

    // Add to cart animation
    $('.product_item .add_to_box').click(function() {
        var $cart_box_icon = $('.cart .box_icon');
        var $thiz = $(this);
        var parent = $thiz.parents('.product_item');
        var moveLeft = $cart_box_icon.offset().left;
        var moveTop = $cart_box_icon.offset().top;
        var img = parent.find('.product_img_holder img');
        var imgLeft = img.offset().left;
        var imgTop = img.offset().top;
        var cImg = img.clone();
        var speed;

        $('body').append(cImg);
        if (imgTop < 400) {
            speed = 600;
        } else if (imgTop > 1200) {
            speed = 1000;
        } else {
            speed = imgTop;
        }
        cImg.css({
            'position': 'absolute',
            'top': imgTop,
            'left': imgLeft,
            'z-index': 201,
            'width': 200,
            'height': 200
        });
        cImg.animate({
            left: moveLeft,
            top: moveTop,
            width: 24,
            height: 24
        }, speed, function() {
            cImg.fadeOut(200).remove();
            $('.cart').addClass('full');
        });

        cart.add_to_cart($(this).attr('data-id'));
    });

разобраться и сделать по аналогии

[zeus12]

Только что, fanatic сказал:

реализация в примере

    // Add to cart animation
    $('.product_item .add_to_box').click(function() {
        var $cart_box_icon = $('.cart .box_icon');
        var $thiz = $(this);
        var parent = $thiz.parents('.product_item');
        var moveLeft = $cart_box_icon.offset().left;
        var moveTop = $cart_box_icon.offset().top;
        var img = parent.find('.product_img_holder img');
        var imgLeft = img.offset().left;
        var imgTop = img.offset().top;
        var cImg = img.clone();
        var speed;

        $('body').append(cImg);
        if (imgTop < 400) {
            speed = 600;
        } else if (imgTop > 1200) {
            speed = 1000;
        } else {
            speed = imgTop;
        }
        cImg.css({
            'position': 'absolute',
            'top': imgTop,
            'left': imgLeft,
            'z-index': 201,
            'width': 200,
            'height': 200
        });
        cImg.animate({
            left: moveLeft,
            top: moveTop,
            width: 24,
            height: 24
        }, speed, function() {
            cImg.fadeOut(200).remove();
            $('.cart').addClass('full');
        });

        cart.add_to_cart($(this).attr('data-id'));
    });

разобраться и сделать по аналогии

скрипт в comon.js писать или в product.tpl? и да у меня корзина на сайте position:fixed; будет норм работать ? шаблон стандартный ... поможете так как знаний не хватает  ..

Змінено 26 листопада 2017 користувачем zeus12

[fanatic]

3 минуты назад, zeus12 сказал:

скрипт в comon.js писать или в product.tpl?

никуда его писать не нужно.  нужно разобраться как работает и написать себе по аналогии.

[zeus12]

Только что, fanatic сказал:

никуда его писать не нужно.  нужно разобраться как работает и написать себе по аналогии.

Я не знаю как ..

[zeus12]

Только что, fanatic сказал:

никуда его писать не нужно.  нужно разобраться как работает и написать себе по аналогии.

вместо 

'.product_item .add_to_box'

и подобного прописать свои классы , и id??

[t04ka]

21 минуту назад, zeus12 сказал:

Я не знаю как ..

Вот тут знаю как:
https://opencartforum.com/forum/44-программирование-создание-модулей-изменение-функциональности/

А в данной теме Вас ни кто не станет на пальцах обучать программированию.
Тем более Вам уже дали готовую реализацию ,осталось интегрировать.

 

Есть тут шаблон, тоже под пиццу и там тоже улетает =) подсказать?

Змінено 26 листопада 2017 користувачем t04ka

[zeus12]

Только что, t04ka сказал:

Вот тут знаю как:
https://opencartforum.com/forum/44-программирование-создание-модулей-изменение-функциональности/

А в данной теме Вас ни кто не станет на пальцах обучать программированию.
Тем более Вам уже дали готовую реализацию ,осталось интегрировать.

 

Есть тут шаблон, тоже под пиццу и там тоже улетает =) подсказать?

Спасибо конечно ,но мне не нужен шаблон ,на данном сайте просто понравился эффект , а как сделать не знаю ,искал в интернете подобного для опенкарт 2.3 не нашел ,может вы поможете ,как интегровать скрипт тот что прислали вверху ?

[t04ka]

19 минут назад, zeus12 сказал:

Спасибо конечно ,но мне не нужен шаблон ,на данном сайте просто понравился эффект , а как сделать не знаю ,искал в интернете подобного для опенкарт 2.3 не нашел ,может вы поможете ,как интегровать скрипт тот что прислали вверху ?

Вы прочитайте, что я там написал выше строчки про шаблон.

[zeus12]

Только что, t04ka сказал:

Вы прочитайте, что я там написал выше строчки про шаблон.

аа, жду! пишите 

Змінено 26 листопада 2017 користувачем zeus12