A template in which the customers can edit their information.

Kuvaus

This template is used for the stage 2a 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 multi-page checkout also contains a stage for providing a separate shipping address.

Sivupohjan ominaisuudet

Sivupohjan sijainti
themes/shop/THEME/checkout/customer-information.html
Sivupohjan URL
/checkout/customer-information/
Asetettu näkyvyys

Toteutus oletusteemassa

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

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

		<fieldset>
			<div class="FormItem HeaderItem">
				<h2>{%CheckoutCustomerInformation}</h2>
				<p>{%CheckoutBillingAddressIntro}</p>
			</div>
			{CheckoutBillingAddress(
				mode: 'form'
			)}

		</fieldset>

		{Helper(
			case: 'CustomerNotLogged',
			file: '{{
				<!-- If user is not logged, ask for shipping address -->

				<div class="FormItem HeaderItem">
					<h2>{%CheckoutShippingAddress}</h2>
					<p>{%CheckoutShippingAddressIntro}</p>
				</div>

				{Notifications(name:'CustomerShippingAddressError')}

				<div class="FormItem CheckWrap" id="CheckoutShippingAddressToggle">
					<div class="Checks">
						<label>
							<input type="checkbox" /> {%CheckoutShippingAddressToggle}
						</label>
						<p class="FormHelp" id="RemoveShippingAddress"><a href="#">{%RemoveShippingAddress}</a></p>
					</div>
				</div>

				{CheckoutShippingAddress(
					mode: 'form',
					before: '
						<fieldset id="CheckoutShippingAddress">
					',
					after: '</fieldset>'
				)}
			}}'
		}

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

	</form>

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