Monday 23 February 2015

Magento Add to cart quantity increment/decrement quantity with jQuery

Magento Add to cart quantity increment/decrement with jQuery


Hello

I am just creating simple examples of  jquery Increamen And Decrement.

but it will help you in magento increment and decrement quantity 

Just adding query first after adding below script.



<script>

$(document).ready(function(){
    
    var val = $(".qty").val();
    
    
    $('#add1').click(function(){
        
        currentVal = parseInt($('.qty').val());
        
         if (parseFloat(currentVal) >= 1 ){
         
         
        
        var plus = currentVal+1;
        
       }
        
        
        
          $('.qty').val(plus);
        
    });
    
    $('#minus1').click(function(){
        
                  newVal = parseInt($('.qty').val());
                  
                   if (parseFloat(newVal) >= 2 ){
                  
                  var minus = newVal-1;
                  
                  $('.qty').val(minus);
                  
                  }
                  
                    
        
        
        
    });
    
    
});

</script>


adding html 

<input type="text" value="1" id="qty" class="qty" />// this text box are available then add class qty

<input type="button" value="+" id="add1" />

<input type="button" value="-" id="minus1" />

No comments:

Post a Comment

Thank You For Comment