hmm, then the quantity box is a requirement for you.
Instead of "+" or "-" you can include a plan input there, so buyers will manually type the number in the field and add that many product to shopping cart, for example, if you are selling usually 50 or 100 items, then clicking the "plus" button 100 times, would drive your buyers crazy. For this purpose, typing the 100 in the input field manually and pressing "add to cart" button is the easiest for buyers.
To add plain input field for quantity, you can change this:
<input type="hidden" class="quantity-input js-recalculate" name="quantity[]" value="1">
to
<input type="text" class="quantity-input js-recalculate" name="quantity[]" value="1">
So the quantity field will have the "1" value by default, but users can change this "1" to whatever they want. by removing it and typing their value there.
And you can style this input box by adding this CSS rule to any CSS file:
input.quantity-input.js-recalculate {
width:50px;
height:20px;
text-align:center;
border:none;
}
(or you can include as many CSS rule as you would like, just make sure there are no "override" because lots of CSS files style .quantity-input differently, for this purpose, use the "firebug" plugin to investigate it. Look here to see how to download firebug and how to use firebug:
www.flexiblewebdesign.com/forum-virtuemart-2-template-puremart-support/342-using-firebug-for-customization-or-troubleshooting
OR you can use what amazon.com uses, which is this:
<span>Quantity:</span>
<select class="quantity-input js-recalculate" name="quantity[]">
<option selected="" value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
</select>
You can manually change the Values increase by 10, instead of 1 by 1.