Добавление товара в заказе

[Wenceslaus]

Добрый вечер!
Как сделать, либо вроде как в старых версиях есть нужна возможность добавления товара в заказе.
Сейчас версия 1.5.5.1.2 и так отображается:

 

А нужно, чтобы вот так, или что то похожее:

 

 

Заранее спасибо !

[Wenceslaus]

Почти сделал, но одна проблема, помогите !!
Категории и товары стали выводиться, в order_form.tpl добавил:
 

 <table class="list">
          <tr>
		    <td><?php echo $entry_add_product; ?><br/>
		      <table>
			    <tr>
			      <td style="padding: 0;" colspan="3"><select id="category" style="margin-bottom: 5px;" onchange="getProducts();">
			        <?php foreach ($categories as $category) { ?>
			        <option value="<?php echo $category['category_id']; ?>"><?php echo $category['name']; ?></option>
			        <?php } ?>
			        </select></td>
			    </tr>
			    <tr>
			      <td style="padding: 0;">
			        <select multiple="multiple" id="product1" size="10" style="width: 500px;">
			        </select>
			      </td>
			      <td style="vertical-align: middle;"><span class="add" onclick="addProduct();">Добавить товар</span></td>
			    </tr>
		    </table>
		  </tr>
		</table>

И на эти поля и кнопку повесил скрипты:

<script type="text/javascript"><!--
var product_row = <?php echo $product_row; ?>;

function addProduct() {

	$('#product1 :selected').each(function() {

		html  = '<tbody id="product_' + product_row + '">';
		html += '<tr>';
	    html += '<td class="left">';
	    html += '<input type="hidden" name="product[' + product_row + '][product_id]" value="' + $(this).attr('value') + '">';
	    html += '<span onclick="$(\'#product_' + product_row + '\').remove();" class="remove"> </span>';
	    html += '<a href="<?php echo HTTPS_SERVER . 'index.php?route=catalog/product/update&product_id='; ?>' + $(this).attr('value') + '&token=<?php echo $token; ?>">' + $(this).attr('text') + '</a>';
	    html += '</td>';
	    html += '<td class="right"><input type="text" name="product[' + product_row + '][quantity]" value="" size="4" /></td>';
	    html += '<td class="right"><input type="text" name="product[' + product_row + '][price]" value="" /></td>';
	    html += '<td class="right"><input type="text" name="product[' + product_row + '][total]" value="" /></td>';
	    html += '</tr>';
	    html += '</tbody>';
	    
		$('#totals').before(html);
			
		product_row++;
	});
}
//--></script>
<script type="text/javascript"><!--
function getProducts() {
	$('#product1 option').remove();
	
	$.ajax({
		url: 'index.php?route=sale/order/category&token=<?php echo $token; ?>&category_id=' + $('#category').attr('value'),
		dataType: 'json',
		success: function(data) {
			for (i = 0; i < data.length; i++) {
	 			$('#product1').append('<option value="' + data[i]['product_id'] + '">' + data[i]['name'] + ' (' + data[i]['model'] + ') </option>');
			}
		}
	});
}

getProducts();
//--></script>

Но почему то кнопка "Добавить товар", на скрине указал, не срабатывает :(
В чём может быть проблема ?

 

Заранее спасибо !!

 

[Wenceslaus]

Никто ничего не знает ? :(