A checkout page displayed after the user has confirmed the order or returned from the payment service.
Kuvaus
Generally, the page should include at least the following:
- Payment instructions for the order
- A detailed order summary and information about ordered products. Use order tags.
- The download link in case of downloadable products
- The registration form
The shopping cart is emptied before the customer is redirected to the order confirmation page. This means that shopping cart tags do not work on this page anymore.
This template is used both by the multi-page and the single-page checkout.
Sivupohjan ominaisuudet
- Sivupohjan sijainti
- themes/shop/THEME/checkout/thanks.html
- Sivupohjan URL
- /checkout/thanks/
- Asetettu näkyvyys
- tilaus
Toteutus oletusteemassa
{Helper(file:'checkout/header')}
<div id="SidebarBg" class="OmitSidebars">
<div id="Main" class="clearfix">
<div id="Primary" class="Column">
<div class="Content">
<h1>{%CheckoutThanksForOrder}</h1>
{CheckoutRegistrationForm(
before: '
<p class="Big">{%CheckoutThanksRegistration}<br><a class="Button" title="{%CheckoutCreateAccount}" id="DisplayCheckoutForm" href="#CheckoutThanksRegistrationForm">{%CheckoutCreateAccount}</a></p>
<form action="/account/register/" method="post" id="CheckoutThanksRegistrationForm" class="BlockForm">
<p>{%CheckoutCreateAccountInfo}</p>
',
after: '<div class="FormItem FormSubmit">
<button type="submit" class="SubmitButton">{%CheckoutCreateAccount}</button>
</div>
</form>'
)}
<p class="Big">{OrderPaymentInstructions}</p>
{OrderProducts(
before: '
<div id="OrderProducts">
<table>
<thead>
<tr>
<th scope="col" class="CartProduct" colspan="2">{%Product}</th>
<th scope="col" class="CartPrice">{%Price}</th>
<th scope="col" class="CartQuantity">{%Quantity}</th>
<th scope="col" class="CartTotal">{%Total}</th>
</tr>
</thead>
<tfoot>
<tr class="CartTotal">
<th scope="row" colspan="4">{%CheckoutProductsTotal}<br>
<small>{%VAT} {OrderTaxRate(after:'%')}</small></th>
<td class="CartTotal">
{OrderSubTotal}<br>
<small>{OrderSubtotalTax}</small>
</td>
</tr>
{OrderShippingCosts(
before: '<tr class="CartTotal">
<th scope="row" colspan="4">{%ShippingCosts}: {OrderShippingMethod}<br>
<small>{%VAT} {OrderShippingCostsTaxRate(after:'%')}</small>
</th>
<td class="CartTotal">',
after: '<br><small>{OrderShippingCostsTax}</small></td></tr>'
)}
{OrderPaymentCosts(
force: 'false',
before: '<tr class="CartTotal">
<th scope="row" colspan="4">{%PaymentCosts}: {OrderPaymentMethod}<br>
<small>{%VAT} {OrderPaymentCostsTaxRate(after:'%')}</small>
</th>
<td class="CartTotal">',
after: '<br><small>{OrderPaymentCostsTax}</small></td></tr>'
)}
<tr class="CartTotal" id="FullTotal">
<th scope="row" colspan="4">{%Total}<br>
<small>{%VAT}</small>
</th>
<td class="CartTotal">
{OrderTotal}<br>
<small>{OrderTax}</small>
</td>
</tr>
</tfoot>
<tbody>
',
helper: '{{
<tr>
<td class="CartPic">
{ProductImage(
link: 'false',
width: 32,
height: 32
)}
</td>
<th class="CartProduct">
<h3>
{OrderProductName}
{OrderProductVariation(before: ' <br /><em class="ProductVariation">',after:'</em>')}
{OrderProductDownloadLink(before: ' <br /><span style="font-weight: normal;">{%DownloadFile}: </span><strong class="ProductDownloadLink">',after:'</strong>')}
</h3>
{OrderProductCode(
before: '<dl><dt>{%ProductCode}</dt><dd>',
after: '</dd></dl>'
)}
{OrderProductWarranty(
before: '<dl><dt>{%Warranty}</dt><dd>',
after: ' {%Months}</dd></dl>'
)}
{OrderProductChoices}
</th>
<td class="CartPrice">
{OrderProductPrice(
after: '<br><small>{%VAT} {OrderProductTaxRate(after:'%')}</small>',
before: '{OrderProductComparePrice(before: '<span class="ProductComparePrice">', after: '</span>')} '
)}
</td>
<td class="CartQuantity">{OrderProductQuantity}</td>
<td class="CartTotal">
{OrderProductTotal(
after: '<br><small>{OrderProductTotalTax}</small>'
)}
</td>
</tr>
}}',
after: '</tbody>
</table>
</div>
'
)}
<h3>{%LegalReturnRights}</h3>
<p>{%LegalReturnPeriod}</p>
<p>{%LegalReturnNotificationMethod} {OrderDownloadReturnDocument}.</p>
<p>{%LegalReturnNotification}</p>
<h3>{%LegalReturnImplications}</h3>
<p>{%LegalPaymentReturn}</p>
<p>{%LegalShipmentReturnPeriod} {%LegalShipmentReturnExpenses} {%LegalShipmentReturnImpairment}</p>
</div>
</div>
<div id="CheckoutThanksOrderInfo" class="Column">
<div class="Content">
<h2 class="BoxHeader">{%OrderInformation}</h2>
{OrderInfo}
{OrderShippingInformation(before: '<h2 class="BoxHeader">{%CheckoutShippingInformation}</h2><p>', after: '</p>')}
{OrderCustomerInformation(before: '<h2 class="BoxHeader">{%CheckoutCustomerInformation}</h2><p>', after: '</p>')}
</div>
</div>
</div>
</div>
{Helper(file:'checkout/footer')}