Payment method

The payment method page allows the customer to choose which payment method he or she prefers. In the myShop editor can be set which methods are available. The list of payment methods can be displayed with the myShop extension myshop-repeat:payment-method-list.

The payment method list

The list of payment 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:payment-method-list. Within this repeat the following extensions can be used to display the label and control for each payment method.

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 payment method page</title></head>
    <body>
        <table width="100%" border="0"> 
            <tr>
                <td colspan="2">Please choose one of the following payment methods.</td>
            </tr>
            <tr style="myshop-repeat:payment-method-list">
                <td width="6px"><span style="myshop-value:control"/></td>
                <td><b><span style="myshop-value:label"/></b></td>
                <td><span style="myshop-value:description"/>
                        <span style="myshop-has:issuer-list">
                                &nbsp;<span style="myshop-control:issuer-list"/>
                        </span>
                </td>
                <td style="myshop-has:payment-method-costs">
                        <span style="myshop-value:price-formatted"/>
                </td>
            </tr>
            <tr>
                <td colspan="3">
                    <a style="myshop-action:previous-page"><< Previous page</a>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <a style="myshop-action:next-page">Next page>></a>
                </td>
            </tr>
        </table>
    </body>
</html>

Feedback

Was this helpful?

Yes No
You indicated this topic was not helpful to you ...
Could you please leave a comment telling us why? Thank you!
Thanks for your feedback.

Post your comment on this topic.

Post Comment