Order overview
The order overview page shows the customer the order details and offers the final choice of accepting these (finishing the order). This page shows all information the customer selected in the basket, address, payment and shipping costs. Most extensions which are valid in those screens can also be used here. Please refer to those help-sections for detailed info on those extensions which are not specific for this page.
Specific extensions for this page are:
- myshop-has:terms-conditions
conditional check which allows you to check if the terms and conditions url has been set - myshop-action:terms-conditions
creates a link to the terms and conditions url - myshop-value:remarks
adds the remarks (as set in the editor) to the page
Example
This example shows the most basic version of the order overview screen. This example can be extended with the extensions mentions in the Overview applicable extensions section of this help page.
<table align="center" cellpadding="0" cellspacing="0" border="0" width="95%">
<tr>
<td height="10px"> </td>
</tr>
<tr>
<td align="left">
Controleer in het onderstaande overzicht of uw gegevens juist zijn.
</td>
</tr>
<tr>
<td height="10px"> </td>
</tr>
<tr>
<td align="center">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="10px"> </td>
</tr>
<tr>
<td width="10px"></td>
<td style="font-weight:bold">Artikel</td>
<td width="5px"></td>
<td style="font-weight:bold">Omschrijving</td>
<td style="font-weight:bold">Aantal</td>
<td width="5px"></td>
<td align="right" style="font-weight:bold">Prijs</td>
<td width="5px"></td>
<td align="right" style="font-weight:bold">Totaal</td>
<td width="10px"></td>
</tr>
<tr>
<td height="5px"></td>
</tr>
<tr bgcolor="#CCCCCC">
<td height="1" colspan="10"></td>
</tr>
<tr>
<td height="9px" colspan="10" style="myshop-style-background-color:{$color(7)};"></td>
</tr>
<tr style="myshop-repeat:basket;myshop-style-background-color:{$color(7)};">
<td width="10px"></td>
<td style="myshop-value:product-id">product number</td>
<td width="5px"></td>
<td style="myshop-value:description">description</td>
<td style="myshop-value:quantity">quantity</td>
<td width="5px"></td>
<td align="right" style="myshop-value:price-formatted">price</td>
<td width="5px"></td>
<td align="right" style="myshop-value:price-line-total-formatted">price</td>
<td width="10px"></td>
</tr>
<tr>
<td height="9px" colspan="10" style="myshop-style-background-color:{$color(7)};"></td>
</tr>
<tr bgcolor="#CCCCCC">
<td height="1" colspan="10"></td>
</tr>
<tr>
<td height="20px"></td>
</tr>
<tr>
<td></td>
<td colspan="8" align="right">
<table cellspacing="0" cellpadding="0" border="0" width="300px">
<!-- Reduction list -->
<tr style="myshop-repeat:action-list">
<td>
<span style="myshop-value:label"/>
</td>
<td align="right" style="myshop-value:price-formatted">
prijs
</td>
</tr>
<!-- Shipping selection -->
<tr style="myshop-has:shipping-costs">
<td>
verzendkosten (<span style="myshop-value:country" />)
</td>
<td align="right">
<span style="myshop-value:price-shipping-formatted" />
</td>
</tr>
<tr style="myshop-has:payment-method-costs">
<td>Betaalmethode (<span style="myshop-value:payment-method" />)</td>
<td align="right"><span style="myshop-value:price-payment-method-formatted" /></td>
</tr>
<!-- VAT option -->
<tr style="myshop-repeat:vat-list">
<td>
<span style="myshop-value:vat-percentage" /> BTW van <span style="myshop-value:vat-from-price-formatted" />
</td>
<td align="right" style="myshop-value:price-vat-formatted">
prijs
</td>
</tr>
<tr>
<td height="1" colspan="2" bgcolor="#000000"></td>
</tr>
<!-- Total price including vat -->
<tr>
<td style="font-weight:bold">Totaal</td>
<td align="right">
<span style="font-weight:bold;myshop-value:price-total-formatted" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="15px"></td>
</tr>
<tr>
<td colspan="3" align="center">
<a style="myshop-action:previous-page"><img src="http://www.mijnwinkel.nl/pic/cmd/nl/back.gif" border="0" alt=""/></a>
<a style="myshop-action:next-page"><img src="http://www.mijnwinkel.nl/pic/cmd/nl/placeorder.gif" border="0" alt=""/></a>
</td>
</tr>
<tr>
<td height="30px">
</td>
</tr>
<tr>
<td align="left">
<table width="100%">
<tr>
<td align="left" width="50%">
<b>Afleveradres</b>
</td>
<td width="10px"></td>
<td align="left" width="50%">
<b>Factureren aan</b>
</td>
</tr>
<tr>
<td valign="top">
<table>
<tr style="myshop-repeat:customer-fields-delivery-exclude(email,remark)">
<td style="myshop-has:value" colspan="3" valign="top">
<span style="myshop-value:value" />
</td>
</tr>
</table>
</td>
<td width="50px"></td>
<td valign="top">
<table>
<tr style="myshop-repeat:customer-fields-exclude(email,remark)">
<td style="myshop-has:value" colspan="3" valign="top">
<span style="myshop-value:value" />
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="10px"></td>
</tr>
<tr>
<td width="50%"><b>Verzendmethode</b></td>
<td width="10px"></td>
<td><b>E-mail</b></td>
</tr>
<tr>
<td><span style="myshop-value:shipping" /></td>
<td width="10px"></td>
<td><span style="myshop-value:customer-field-email" /></td>
</tr>
<tr>
<td height="10px"></td>
</tr>
<tr>
<td width="50%"><b>Betaalmethode</b></td>
<td width="10px"></td>
<td style="myshop-has-value:customer-field-remark"><b>Opmerking</b></td>
</tr>
<tr>
<td><span style="myshop-value:payment-method" /></td>
<td width="10px"></td>
<td style="myshop-has-value:customer-field-remark"><span style="myshop-value:customer-field-remark" /></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="20px"></td>
</tr>
<tr style="myshop-has:terms-conditions">
<td align="left">
<table width="100%">
<tr>
<td><a style="myshop-action:terms-conditions">Klik hier voor de leveringsvoorwaarden</a></td>
</tr>
</table>
</td>
</tr>
<tr>
<!-- Extra text winkelwagen -->
<td colspan="9" valign="top">
<span style="myshop-value:remarks"/>
</td>
</tr>
<tr>
<td height="15px"></td>
</tr>
<tr>
<td colspan="3" align="center">
<a style="myshop-action:previous-page"><img src="http://www.mijnwinkel.nl/pic/cmd/nl/back.gif" border="0" alt=""/></a>
<a style="myshop-action:next-page"><img src="http://www.mijnwinkel.nl/pic/cmd/nl/placeorder.gif" border="0" alt=""/></a>
</td>
</tr>
<tr>
<td height="30px">
</td>
</tr>
</table>
Post your comment on this topic.