A checkout page on which the customers can select the payment method for their order.

Description

This template is used for the 4th stage of the multi-page checkout.

The template must always contain a <form> element sent via a POST request to the /checkout/ address. The checkout form tags must be placed inside the form.

The list for selecting the payment method is printed by using the {CheckoutPaymentMethods} tag.

At the multi-page checkout, the customers are directed to this page automatically if there are errors in their customer/shipping information and the shipping method has been selected.

Once the payment method has been selected and the form has been saved, the user is directed to the order preview stage.

Template properties

Template location
themes/shop/THEME/checkout/payment.html
Template URL
/checkout/payment/
Scope

Useful tags

Default theme implementation

{Helper(file:'checkout/header')}
{CheckoutNavigation}
<div id="MultiPageCheckout" class="clearfix">

	<form action="/checkout/" method="post">

		<fieldset id="CheckoutPaymentMethods">

			<div class="FormItem HeaderItem">
				<h2>{%CheckoutChoosePaymentMethod}</h2>
				<p>{%CheckoutChoosePaymentMethodIntro}</p>
			</div>

			{CheckoutPaymentMethods}

		</fieldset>

		<div class="FormItem FormSubmit">
			<button type="submit" class="SubmitButton">{%CheckoutContinue}</button>
		</div>

	</form>

</div>
{Helper(file:'checkout/footer')}