How to add a "+" sign to a quantity input to BigCartel site?

Question

I currently have a quantity input in the works that lets the user type in a number, but I'd also like it if there were an option next to the input that lets them click a "+" sign to add onto the quantity. How do I do this?

Like this sites quantity option: http://www.nastygal.com/clothes-tops-graphics/going-batty-muscle-tee

My quantity input code:

QTY:</b> {{ product | product_quantity_input }}

where you ever able to figure this out? – tallgirltaadaa Mar 18 '15 at 00:08 — tallgirltaadaa, Mar 18 '15 at 00:08

score 0 · Answer 1 · answered Oct 01 '13 at 03:17

//initialize the input to 1
$(".quantity").val("1");

//when clicking the plus button, add one
$(".plus-btn").click(function(){
    //get the current value and convert it to an integer
    var currVal = parseInt($(".quantity").val(), 10);
    //set the incremented value 
    $(".quantity").val(currVal+1);
});

//when clicking the minus button, subtract one
$(".minus-btn").click(function(){
    //get the current value and convert it to an integer
    var currVal = parseInt($(".quantity").val(), 10);
    //set the decremented value if its not less than 1
    if(currVal > 1){
        $(".quantity").val(currVal-1);
    }
});

See example: http://jsfiddle.net/ES89t/

How do I implement that with: {{ product | product_quantity_input }} — kdm, Oct 01 '13 at 23:27

How to add a "+" sign to a quantity input to BigCartel site?

1 Answers1