[Решено] Увеличение выбора покупаемых товаров + - - Дизайн и оформление

<input type = "text" name = "quantity" id = "quantity" onkeyup="reloadPrices();" class = "inputbox" style = "width: 20px" value = "<?php print $this->default_count_product?>" />

<input class="quantity-plus" type="button" onclick="var qty_el = document.getElementById('quantity'); var qty = qty_el.value; if( !isNaN( qty )) qty_el.value++;return false;">
<input class="quantity-minus" type="button" onclick="var qty_el = document.getElementById('quantity'); var qty = qty_el.value; if( !isNaN( qty ) && qty > 1 ) qty_el.value--;return false;">

<input class="quantity-minus" type="button" onclick="var qty_el = document.getElementById('quantity'); var qty = qty_el.value; if( !isNaN( qty ) && qty > 1 ) qty_el.value--;return false;">

<input type = "text" name = "quantity" id = "quantity" onkeyup="reloadPrices();" class = "inputbox" style = "width: 20px" value = "<?php print $this->default_count_product?>" />

<input class="quantity-plus" type="button" onclick="var qty_el = document.getElementById('quantity'); var qty = qty_el.value; if( !isNaN( qty )) qty_el.value++;return false;">

<li class="prod_qty_input">
<input class="quantity-minus" type="image" img src="http://ms4mobile.make-art.lv/images/minus.png" width=35px height=35px onclick="var qty_el = document.getElementById('quantity'); var qty = qty_el.value; if( !isNaN( qty ) && qty > 1 ) qty_el.value--;return false;">
<input type = "text" name = "quantity" id = "quantity" onkeyup="reloadPrices();" class = "inputbox" style = "width: 35px" value = "<?php print $this->default_count_product?>" />
<input class="quantity-plus" type="image" img src="http://ms4mobile.make-art.lv/images/plus.png" width=35px height=35px onclick="var qty_el = document.getElementById('quantity'); var qty = qty_el.value; if( !isNaN( qty )) qty_el.value++;return false;">
</li>

<table width="100%">
   <tr>
    <td width="100"></td>
    <td align="center"> CODE</td>
   </tr>
  </table> 

input.quantity-minus {
    background: url("themes/vmTheme_framework//assets/css/../../images/style1/quantity-controls.png") repeat-x scroll 15px 0 transparent;
    border: medium none;
    float: left;
    height: 14px;
    padding: 0;
    width: 15px;
}

<input class="quantity-minus" type="image" img src="<?php print $this->image_path ?>images/minus-16.png" onclick="var qty_el = document.getElementById('quantity<?php print $key_id ?>'); var qty = qty_el.value; if( !isNaN( qty ) && qty > 1 ) qty_el.value--;return false;">
<input type="text" id="quantity<?php print $key_id ?>" name="quantity[<?php print $key_id ?>]" value="<?php print $prod['quantity'] ?>" class="inputbox" style="width: 20px" />
<?php print $prod['_qty_unit'];?>
<input class="quantity-plus" type="image" img src="<?php print $this->image_path ?>images/plus-16.png" onclick="var qty_el = document.getElementById('quantity<?php print $key_id ?>'); var qty = qty_el.value; if( !isNaN( qty )) qty_el.value++;return false;">

<input class="quantity-minus" value="-" type="button" onclick="var qty_el = document.getElementById('quantity<?php print $key_id ?>'); var qty = qty_el.value; if( !isNaN( qty ) && qty > 1 ) qty_el.value--;return false;">
<input type="text" id="quantity<?php print $key_id ?>" name="quantity[<?php print $key_id ?>]" value="<?php print $prod['quantity'] ?>" class="inputbox" style="width: 20px" />
<?php print $prod['_qty_unit'];?>
<input class="quantity-plus" value="+" type="button" onclick="var qty_el = document.getElementById('quantity<?php print $key_id ?>'); var qty = qty_el.value; if( !isNaN( qty )) qty_el.value++;return false;">

      <input class="quantity-minus" type="button" value="-" onclick="var qty_el = document.getElementById('quantity[<?php print $key_id ?>]'); var qty = qty_el.value; if( !isNaN( qty ) && qty > 1 ) qty_el.value--; document.updateCart.submit(); return false;">
      <input type = "text" id = "quantity[<?php print $key_id ?>]" name = "quantity[<?php print $key_id ?>]" value = "<?php print $prod['quantity'] ?>" class = "inputbox" style = "width: 25px" />
      <input class="quantity-plus" type="button" value="+" onclick="var qty_el = document.getElementById('quantity[<?php print $key_id ?>]'); var qty = qty_el.value; if( !isNaN( qty )) qty_el.value++; document.updateCart.submit(); return false;">

  <div class="buttons">
            <?php if ($product->buy_link){?>
            <a href="<?php print $product->buy_link?>"><?php print _JSHOP_BUY?></a> &nbsp;
            <?php }?>
            <a href="<?php print $product->product_link?>"><?php print _JSHOP_DETAIL?></a>
            <?php print $product->_tmp_var_buttons;?>
        </div>

   <table class="prod_buttons">
        <tr>
            <td class="prod_qty">
                <?php print _JSHOP_QUANTITY?>:&nbsp;
            </td>
            <td class="prod_qty_input">
                <li class="prod_qty_input">
<input class="quantity-minus" type="image" img src="http://ms4mobile.make-art.lv/images/minus.png" width=35px height=35px onclick="var qty_el = document.getElementById('quantity'); var qty = qty_el.value; if( !isNaN( qty ) && qty > 1 ) qty_el.value--;return false;">
<input type = "text" name = "quantity" id = "quantity" onkeyup="reloadPrices();" class = "inputbox" style = "width: 35px" value = "<?php print $this->default_count_product?>" />
<input class="quantity-plus" type="image" img src="http://ms4mobile.make-art.lv/images/plus.png" width=35px height=35px onclick="var qty_el = document.getElementById('quantity'); var qty = qty_el.value; if( !isNaN( qty )) qty_el.value++;return false;">
</li>
				
            </td>        
            <td class = "buttons">            
                <input type = "submit" class = "button" value = "<?php print _JSHOP_ADD_TO_CART?>" onclick="jQuery('#to').val('cart');" />
                <?php if ($this->enable_wishlist){?>
                    <input type = "submit" class = "button" value = "<?php print _JSHOP_ADD_TO_WISHLIST?>" onclick="jQuery('#to').val('wishlist');" />
                <?php }?>
                <?php print $this->_tmp_product_html_buttons;?>
            </td>
            <td id = "jshop_image_loading" style = "display:none"></td>
        </tr>
        </table>

document.getElementById('quantity')

<input type = "text" name = "quantity_<?php print $this->product_id?>" id = "quantity_<?php print $this->product_id?>"...

document.getElementById('quantity_<?php print $this->product_id?>')