rkb81
9/27/2013 - 11:10 PM

Bloco para adicionar funcionalidade de incremento e decremento no box de quantidade na tela de produto.

Bloco para adicionar funcionalidade de incremento e decremento no box de quantidade na tela de produto.

jQuery(function(){
  $box = jQuery('.add-to-cart .qty');
	resetValue();

	jQuery($box).blur(function(){
		if(!jQuery(this).val() || (jQuery(this).val() <=0) || !jQuery.isNumeric(jQuery(this).val())) {
			jQuery(this).val(1);
		}
	});

	jQuery('.add-to-cart .btn-increment').click(function(){
		$value++;
		updateQtyBox();
	});

	jQuery('.add-to-cart .btn-decrement').click(function(){
		if($value >= 2) {
			$value--;
		}
		updateQtyBox();
	});

	function resetValue()
	{
		$value = Number(jQuery($box).val());
	}

	function updateQtyBox()
	{
		jQuery($box).val($value);
	}
});
<div class="qty-box">
  <label for="qty"><sup>*</sup> <?php echo $this->__('Qty') ?></label>
  <div class="qty-wrapper">
    <input type="text" name="qty" id="qty" maxlength="3" value="<?php echo $this->getProductDefaultQty() * 1 ?>" title="<?php echo $this->__('Qty') ?>" class="input-text qty" />
    <div class="actions">
      <a class="btn-increment" href="javascript:void(0);" title="<?php echo $this->__('Increment Value')?>"><?php echo $this->__('Increment Value')?></a>
      <a class="btn-decrement" href="javascript:void(0);" title="<?php echo $this->__('Decrement Value')?>"><?php echo $this->__('Decrement Value')?></a>
    </div>
	</div>
</div>