A checkout template in which the non-logged in customers fill in their information.
Kuvaus
This template is used for the 2{^>nd <^}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 customer information form and the filled-in information are printed by using the {CheckoutBillingAddress}
or {CheckoutShippingAddress}
tag (depending on whether a separate form for shipping address should be included).
In the MyCashflow theme system, there are also separate templates for providing and editing customer information and shipping information. This template can be used as an intermediary page from which the customers are directed to a separate page to fill in their information.
Sivupohjan ominaisuudet
- Sivupohjan sijainti
- themes/shop/THEME/checkout/customer.html
- Sivupohjan URL
- /checkout/customer
- Asetettu näkyvyys
Toteutus oletusteemassa
{Helper(file:'checkout/header')}
{CheckoutNavigation}
<div id="MultiPageCheckout" class="clearfix">
<form action="/checkout/" method="post">
{Helper(
case: 'CustomerNotLogged',
file: '{{
<!-- User is not logged, use forms to input addresses -->
{CheckoutBillingAddress(
mode: 'form',
notifications: 'false',
before: '
<div class="FormItem HeaderItem">
<h2>{%CheckoutCustomerInformation}</h2>
<p>{%CheckoutBillingAddressIntro}</p>
</div>
<fieldset id="CheckoutBillingAddress">
',
after: '</fieldset>'
)}
{CheckoutShippingAddress(
mode: 'form',
notifications: 'false',
before: '
<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>
<fieldset id="CheckoutShippingAddress">
',
after: '</fieldset>'
)}
}}'
}
{Helper(
case: 'CustomerLogged',
file: '{{
<!-- User is logged, use preview and address book -->
{CheckoutBillingAddress(
before: '
<div class="FormItem HeaderItem">
<h2>{%CheckoutCustomerInformation}</h2>
<p>{%CheckoutBillingAddressIntro}</p>
</div>
<div class="FormItem">
<p>
',
after: '<br><a href="/checkout/customer_information">{%Edit}</a></p></div>'
)}
{CheckoutShippingAddress(
mode: 'select',
before: '
<div class="FormItem HeaderItem">
<h2>{%CheckoutChooseShippingAddress}</h2>
<p>{%CheckoutChooseShippingAddressIntro}</p>
</div>
<fieldset id="CheckoutAddressBook">',
after: '</fieldset>'
)}
}}'
}
<div class="FormItem FormSubmit">
<button type="submit" class="SubmitButton">{%CheckoutContinue}</button>
</div>
</form>
</div>
{Helper(file:'checkout/footer')}