The Payment Container files are relevant only to the Payment page, they are not used in the other Payment Service pages.
You can add HTML to the Payment container area of the Payment Page, using the files described below.
You can also collect extra information on the page using M_, C_ or MC_ parameters. For more information, please refer to Using Parameters and Tags.
|
|
The Payment Container files are relevant only to the Payment page, they are not used in the other Payment Service pages. |
Please be aware that the text and backgrounds used for the payment top/middle/bottom areas and fields are still affected by any customisations of text, background colours and styles, carried out using the Text Styles and Colours options in the Payment Page editor.
The Payment container files are:
tableHead.html - inserted after the content of the header.html file, but before our standard order details. For more details, please refer to The tableHead.html and tableFoot.html files.
paymentTopFields.html - inserted between "Amount" and "Card Details".
paymentMiddleFields.html - inserted between "Cardholder's Name" and "Cardholder Details".
paymentBottomFields.html - inserted between "Email Address" and the "Start Again" button.
tableFoot.html - inserted after the end of our Standard Information area, but before the content of the footer.html file. For more details, please refer to The tableHead.html and tableFoot.html files.
|
|
You should avoid deleting the standard contents of these files, as you will disrupt the way that the Payment Service pages operate. We advise that you change the content of these files only if you: 1) have advanced knowledge of HTML, and 2) fully understand how the Payment Service pages operate. |
The following figure shows the Payment container files in use in an example Payment Page:
|
|
|---|
|
Figure: Payment container files used in the Payment Details page |
The following HTML code is an example of a paymentTopFields.html file which was used to add the paymentTopFields area in the figure above.
<tr valign="top">
<td class="one" colspan="2">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="three" align="left" width="100%">
<wpdisplay msg="Payment Top Fields" stylize="3.button">
</td>
<td class="one" align="right">
<a href="<wpdisplay msg="Link to your help page">" target="_blank">
<img src="<wpdisplay disp=help.button>" style="border:0;" alt=""></a>
</td>
</tr>
<tr>
<td class="two" width="100%">
<table cellpadding="0" cellspacing="2" border="0">
<tr valign="top">
<td colspan="2" <wpdisplay disp="2.bg" pre=" bgcolor=">> <wpdisplay msg="Enter your instructions here *:" stylize="2.instr"></td>
</tr>
<tr valign="top">
<td class="two width190"><wpdisplay msg=" Name of your field" stylize="2"></td>
<td class="two" colspan="1" <wpdisplay disp="2.bg" pre=" bgcolor=">><INPUT TYPE="text" NAME="MC_top" value=""></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
|
|
|
