анимация добавления в корзину v1.5.4.1

[dm82]

подскажите пожалуйста, как добавить перелет товара в корзину, как было в 1.4 версии?

решения которые тут нашел, не выходит встроить, т.к. код в v1.5.4.1 много где отличается.

насколько понял, нужно править common.js в разделе addToCart

и product.tpl что-то в разделе с image - ($thumb)

нужно, чтобы товар улетал как на странице с 1м товаром:

/index.php?route=product/product&path=24&product_id=28

так и на странице со списком всех товаров категории:

/index.php?route=product/category&path=24

(примеры ссылок из стандартной комплектации)

Просьба черкните, кто знает, решение судя по всему простое, только его надо адаптировать под новую версию.

Спасибо!

[Tom]

https://opencartforum.com/topic/5001-%d0%b4%d0%be%d0%b1%d0%b0%d0%b2%d0%b8%d1%82%d1%8c-%d0%b2-%d0%ba%d0%be%d1%80%d0%b7%d0%b8%d0%bd%d1%83/page__view__findpost__p__59842

[dm82]

спасибо. был там..

[dm82]

товар добавляется. анимации нет.

подскажите, что не так:

common.js

function addToCart(product_id, quantity) {
quantity = typeof(quantity) != 'undefined' ? quantity : 1;
$.ajax({
 url: 'index.php?route=checkout/cart/add',
 type: 'post',
 data: 'product_id=' + product_id + '&quantity=' + quantity,
 dataType: 'json',
 success: function(json) {
  $('.success, .warning, .attention, .information, .error').remove();

  if (json['redirect']) {
   location = json['redirect'];
  }

  if (json['success']) {
   $('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');

   $('.success').fadeIn('slow');

   $('#cart-total').html(json['total']);

//	 $('html, body').animate({ scrollTop: none }, 'slow');
// АНИМАЦИЯ КОРЗИНЫ
var image = $('#image_'+product_id).offset();
var cart  = $('#cart').offset();
$('#image_'+product_id).before('<img src="' + $('#image_'+product_id).attr('src') + '" id="temp" style="position: absolute; top: ' + image.top + 'px; left: ' + image.left + 'px;" />');
params = {
top : cart.top + 'px',
left : cart.left + 'px',
opacity : 0.0,
width : $('#cart').width(),
height : $('#cart').height()
};
$('#temp').animate(params, 'slow', false, function () {
$('#temp').remove();
});
// АНИМАЦИЯ КОРЗИНЫ

  }
 }
});
}

category.tpl

  <div class="image"><a href="<?php echo $product['href']; ?>"><img id="image_<?php echo $product['product_id']; ?>" src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>

[wll]

Тут ____http://=^_^=.ru/staty/ Полет изображения товара в корзину для OpenCart v.1.5.1.3

Сам ковырять пока не пробовал, но то же нужно. Если решите проблему, отпишитесь.

[Seele]

Товарищи, решение нашлось? Для версии 1.5.4.1 не выходит из прошлых решений :(

[Tom]

Есть решение для подобного в карточке товара.

 

Заходим вот в этот файл: catalog/view/theme/Ваш шаблон/template/product/product.tpl

 

находим и меняем код

 

 

//--></script>
<script type="text/javascript"><!--
    $('#button-cart').bind('click', function() {
        $.ajax({
            url: 'index.php?route=checkout/cart/update',
            type: 'post',
            data: $('.product-info input[type=\'text\'], .product-info input[type=\'hidden\'], .product-info input[type=\'radio\']:checked, .product-info input[type=\'checkbox\']:checked, .product-info select, .product-info textarea'),
            dataType: 'json',
            success: function(json) {
                $('.success, .warning, .attention, information, .error').remove();
             
                if (json['error']) {
                    if (json['error']['warning']) {
                        $('#notification').html('<div class="warning" style="display: none;">' + json['error']['warning'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');
                 
                        $('.warning').fadeIn('slow');
                    }
                 
                    for (i in json['error']) {
                        $('#option-' + i).after('<span class="error">' + json['error'][i] + '</span>');
                    }
                }   
                         
                if (json['success']) {
                    $('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');
                     
                    $('.success').fadeIn('slow');
                     
                    $('#cart_total').html(json['total']);
                 
                    $('html, body').animate({ scrollTop: 0 }, 'slow');
                }   
            }
        });
    });
    //--></script>
 
 

на это

 

 

 

    //--></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $('#button-cart').bind('click', function() {
            $.ajax({
                url: 'index.php?route=checkout/cart/add',
                type: 'post',
                data: $('.product-info input[type=\'text\'], .product-info input[type=\'hidden\'], .product-info input[type=\'radio\']:checked, .product-info input[type=\'checkbox\']:checked, .product-info select, .product-info textarea'),
                dataType: 'json',
                success: function(json) {
                    $('.success, .warning, .attention, information, .error').remove();
                        if (json['error']) {
                        if (json['error']['warning']) {
                            $('#notification').html('<div class="warning" style="display: none;">' + json['error']['warning'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');
                            $('.warning').fadeIn('slow');
                        }
                        for (i in json['error']) {
                            $('#option-' + i).after('<span class="error">' + json['error'][i]
    + '</span>');
                        }
                    }
                                 
                    if (json['success']) {
                        $('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');
                     
                        $('.success').fadeIn('slow');
                        $('#cart_total').html(json['total']);
                        var image = $('#image').offset();
                            $('.cart-module').html(json['output']);
                            if($(".cart-module").length > 0){
                                var cart = $('.cart-module');
                                var cart_offset = cart.offset();
                            }else {
                                var cart = $('#cart');
                                var cart_offset = cart.offset();
                        }
                        $('#image').before('<img src="' + $('#image').attr('src') + '" id="temp" style="position: absolute; z-index:9999; top: ' + image.top + 'px; left: ' + image.left + 'px;" />');
                        params = {
                            top : cart_offset.top + 'px',
                            left : cart_offset.left + 'px',
                            opacity : 0.0,
                            width : cart.width(),
                            height : cart.height()
                        };
                        $('#temp').animate(params, 'slow', false, function () {
                            $('#temp').remove();
                        });
                    }
                                    if (json['success']) {
                                            $('#cart-total').html(json['total']);
                            }    
                }
            });
        });
    });
    </script>
 

[Seele]

Есть решение для подобного в карточке товара.

 

Заходим вот в этот файл: catalog/view/theme/Ваш шаблон/template/product/product.tpl

 

находим и меняем код ...

спасибо, но в данной ситуации нужен полет товара именно в категории