пʼятницю, 14 лютого 2014 р.

Полёт товара в корзину для 1.5.3.


Мне кажется очень нужная фуська! Многие покупатели корзину могут не увидеть, а так визуально показано куда товар летит!
Для применения нужно всего лишь поменять выполнение скрипта
Заходим вот в этот файл: catalog/view/theme/Ваш шаблон/template/product/product.tpl
находим и меняем код, который примерно на 360 строке:
Код:
 <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'] + '</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']

 + '</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>

Немає коментарів:

Дописати коментар