The following code sample shows how all the functionality described above can be implemented in the shopping cart:
<!--@Ecom:Order:CartForm.Start-->
<!--@LoopStart(OrderLines)-->
<tr class="orderline<!--@Ecom:Order:OrderLine.Type-->">
<td nowrap>
<a href="<!--@Ecom:Order:OrderLine.ProductLink-->">
<!--@Ecom:Order:OrderLine.ProductName.Short-->
</a>
</td>
<td><!--@Ecom:Order:OrderLine.Quantity.Input.Box--></td>
<td>
<!--@LoopStart(Order.OrderLineFields)-->
<!--@HeaderStart--><table><!--@HeaderEnd-->
<tr>
<td>
<!--@Ecom:Order:OrderLine.OrderLineField.Name-->
</td>
<td>
<!--@Ecom:Order:OrderLine.OrderLineField.InputTextField-->
</td>
<td>
<span style="color:red"><!--@Ecom:Order:OrderLine.OrderLineField.ValidationErrorMessage--></span>
</td>
</tr>
<!--@FooterStart--></table><!--@FooterEnd-->
<!--@LoopEnd(Order.OrderLineFields)-->
</td>
<td align="right" nowrap><!--@Ecom:Order:OrderLine.TotalPrice--></td>
<td align="right" nowrap>
<a class="orderfunctions" href="<!--@Ecom:Order:OrderLine.IncrementLink-->"><img src="/Files/Billeder/Ecom/Grafik/basket-inc.gif" border="0"></a>
<a class="orderfunctions" href="<!--@Ecom:Order:OrderLine.DecrementLink-->"><img src="/Files/Billeder/Ecom/Grafik/basket-dec.gif" border="0"></a>
<a class="orderfunctions" href="<!--@Ecom:Order:OrderLine.DeleteLink-->"><img src="/Files/Billeder/Ecom/Grafik/basket-rem.gif" border="0"></a>
</td>
</tr>
<!--@LoopEnd(OrderLines)-->
<!--@Ecom:Order:CartForm.End-->
<tr class="total">
<td><b>Total</b></td>
<td colspan="3" align="right"><b><!--@Ecom:Order.OrderLines.Total.PriceWithVAT--></b></td>
<td></td>
</tr>
<tr class="footer">
<td><a href="<!--@Global:Pageview.Url-->&cartcmd=emptycart">Empty basket</a></td>
<td><a href="<!--@Ecom:Order:CartForm.SubmitOrder-->">Order</a></td>
<td><a href="<!--@Ecom:Order:CartForm.SubmitUpdate-->">Update</a></td>
</tr>