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')}