Displaying A Plus + and Minus - Button On The Actual Product Page

[andy_77]

Would anybody know how we could apply a plus + and minus - button / box next to the add to cart button on the actual product pages on Zencart, so that customers can easily select the desired quantity for any given product?

Kind Regards,

Andy

[jimmie]

i have this in tpl_product info

if ($products_qty_box_status == 0 or $products_quantity_order_max== 1) {
							  // hide the quantity box and default to 1
							  $the_button = '<input type="hidden" name="cart_quantity" value="1" />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);
							} else {
							// show the quantity box
							$the_button = '
							<div class="max-qty">' . zen_get_products_quantity_min_units_display((int)$_GET['products_id']) . '</div>
							<div class="crt-rw">  
								<div class="qty-input-wra">
									<span class="qty-text">' . PRODUCTS_QTY_TEXT . '</span>
									<div class="qty-wra spplus-minus">
										<span class="spplus-minus sp-minus"><i class="material-icons">remove</i></span>
										<span class="qty-input cart-box">
											<input type="text" name="cart_quantity" value="' . $products_get_buy_now_qty . '" maxlength="6" size="4" />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']).'
										</span>
										<span class="sp-plus"><i class="material-icons">add</i></span>
									</div>
								</div>'. 
								'<div class="cart-btn">
									<button class="submit_button button btn  button2"><i class="material-icons">shopping_cart</i><span class="text">'.BUTTON_IN_CART_ALT.'</span></button>
								</div>
								<div class="product-extra-link">'.(($wishlist_link!='' || $compare_link!='')? '<ul class="product-link">'.$wishlist_link.$compare_link.'</ul>' : '').'</div>
							</div>
							';
							}
							$display_button = zen_get_buy_now_button($_GET['products_id'], $the_button);

might be more to it than copy and pasting

[andy_77]

Thanks Jimmie,

I think there's going to be a bit more than cutting and pasting. Out of interest would the theme that your using have a plus and minus feature already built into it? or are you using a customer plugin / module for this?

Kind Regards,

Andy

[jimmie]

it came built in, i can also give you the .css

[chadlly2003]

I have the plus minus on my website

includes/modules/pages/shopping_cart/header.php

	// BOF changes using script for min max	//	

  $quantityField = '<span style="border-top-left-radius: 2px;border-bottom-left-radius:2px;" class="min_' . str_replace(':', '', $products[$i]['id']) . ' button">-' .'</span>' . zen_draw_input_field('cart_quantity[]', $products[$i]['quantity'], 'size="4" name="qty" maxlength="4" id="qty"  class="cart_input_'.str_replace(':', '', $products[$i]['id']).' "'). '<span style="border-top-right-radius: 2px;border-bottom-right-radius:2px;" class="plus_' . str_replace(':', '', $products[$i]['id']) . ' button">+</span>';

   // EOF changes using script for min max	//

includes/templates/theme871/templates/tpl_shopping_cart_default.php

<!-- script for min max -->	
 
<?php
     for ($i=0, $n=sizeof($products); $i<$n; $i++) {
?>
        <script>jQuery(function(){
  var j = jQuery; //Just a variable for using jQuery without conflicts
  var addInput = '.cart_input_<?php echo str_replace(':', '', $products[$i]['id']); ?>'; //This is the unique class identified by product's id of the input you are changing
  var n = <?php echo (empty($products[$i]['quantity']) ? '0' : $products[$i]['quantity']); ?>; //n is equal to the quantity in the cart
  //Set default value to n (n = cart quantity)
  j(addInput).val(n);
  //On click add 1 to n
  j('.plus_<?php echo str_replace(':', '', $products[$i]['id']); ?>').on('click', function(){
    j(addInput).val(++n);
  })
  j('.min_<?php echo str_replace(':', '', $products[$i]['id']); ?>').on('click', function(){
    //If n is bigger or equal to 1 subtract 1 from n
    if (n >= 1) {
      j(addInput).val(--n);
    } else {
      //Otherwise do nothing
    }
  });
});</script>
<?php
}
?>
	
<!-- eof script for max -->

includes/templates/your_template/templates/tpl_product_info_display.php

// show the quantity box
  $the_button = '<div class="qty-wrapper">

  <div class="qty-box" id="qty-box">
  <a href="#" class="btn btn-descrease" id="btn-descrease"><span class="nmn-icon-minus"></span></a>
  <input type="text" name="cart_quantity" id="cart_quantity" value="' . (zen_get_buy_now_qty($_GET['products_id'])) . '" maxlength="4" size="2" /><a href="#" class="btn btn-increase" id="btn-increase"><span class="nmn-icon-plus"></span></a></div>' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT) . '
  </div>';
  }

[chadlly2003]

disregard