Shipping method
The shipping method page allows the customer to select which method of delivery he or she prefers. In the myShop editor can be set which methods are available and which prices should be calculated for them. The list of delivery methods can be displayed with the myShop extension myshop-repeat:shipping-cost-list.
The shipping method list
The list of shipping methods works just like the list of address fields in the address page, with a repeat block. The repeat block can be called with the extension myshop-repeat:shipping-cost-list. Within this repeat the following extensions can be used to display the label, control and cost for each shipping method.
- myshop-value:control
Creates the control with which the customer can select this shipping method (a radio button) - myshop-value:label
Displays the label of the current shipping method - myshop-value:price-formatted
Displays the cost of the current shipping method (with currency sign)
Other extensions
Other extensions which can be used in this screen are the display of the delivery country and an ‘extra text’, as filled in in the editor. These extensions are:
- myshop-value:country
Displays the country to which the order should be shipped - myshop-value:memo
Displays the ‘extra text’, as filled in in the editor
Navigation
This page uses the standard navigation actions, myshop-action:previous-page and myshop-action:next-page. These actions allow the customer to proceed with ordering or return to the previous page.
Example
?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Simple example of a shipping method page</title></head>
<body>
<table width="100%" border="0">
<tr>
<td colspan="3">Shippingcosts, delivery in <span style="myshop-value:country"/>.</td>
</tr>
<tr style="myshop-repeat:shipping-cost-list">
<td width="6px"><span style="myshop-value:control"/></td>
<td><b><span style="myshop-value:label"/></b></td>
<td><span style="myshop-value:price-formatted" /></td>
</tr>
<tr>
<td>
<span style="myshop-value:memo"/>
</td>
</tr>
<tr>
<td colspan="3">
<a style="myshop-action:previous-page"><< Previous page</a>
<a style="myshop-action:next-page">Next page>></a>
</td>
</tr>
</table>
</body>
</html>
Post your comment on this topic.