Order page
By default, myShop uses a popup screen for placing an order, in which the number of products can be displayed.
The layout of the standard page can be changed by uploading a order page with a custom layout.
The example below shows an order page with custom layout in which these extensions are used.
- Quantity discount list: line 12 to 23
- Variation selection: line 25 to 30
- Description and Quantity control: line 32 to 40
- Navigation: line 42 to 48
Example
<html>
<head>
<title>Custom order page example</title>
</head>
<body>
<br/>
<center>
<span style="font-size:14;font-weight:bold">Place your order</span>
</center>
<br/><br/>
<!-- Quantity discount list -->
<table style="myshop-has:group-reduction" align="center" border="0" cellspacing="0" cellpadding="1">
<tr>
<td valign="top">min</td>
<td valign="top">max</td>
<td valign="top">prijs</td>
</tr>
<tr style="myshop-repeat:group-reduction-list">
<td valign="top"><span style="myshop-value:start-range" /></td>
<td valign="top"> - <span style="myshop-value:end-range"/></td>
<td valign="top"><span style="myshop-value:price-formatted"/></td>
</tr>
</table>
<!-- measures / colors selection -->
<table style="myshop-has:selections" border="0" cellspacing="0" cellpadding="1" align="center">
<tr style="myshop-repeat:selections">
<td valign="top"><span style="myshop-value:label"/></td>
<td valign="top"><span style="myshop-value:control"/></td>
</tr>
</table>
<!-- description and input quantity -->
<table width="100%" border="0" cellspacing="0" cellpadding="1" align="center">
<tr>
<td valign="top align="right">Quantity:</td>
<td valign="top"><span style="myshop-value:quantity-control"/></td>
</tr>
<tr>
<td valign="top" colspan="2"><br/><span style="myshop-value:description"/></td>
</tr>
</table>
<br/><br/><br/>
<table align="center" width="100%">
<tr>
<td align="right"><a style="myshop-action:cancel-page">cancel</a></td>
<td> </td>
<td><a style="myshop-action:next-page">next >></a></td>
</tr>
</table>
</body>
</html>
Post your comment on this topic.