Confirmation Page, Thank You Page, and E-Mail Receipt Templates: Product Listings and Order Totals

Confirmation Page,
Thank YouPage, and
E-Mail Receipt
Template Examples
Introduction
Required Tags
Page Colors
Title, Header, and Footer
Order Number
Products and Totals
Ordering Instructions,
Comments, and E-Mail List
Addresses
Payment
Custom Checkout Fields
Buttons

Confirmation Page, Thank You Page, and E-Mail Receipt Templates:
Product Listings and Order Totals

You can display the list of products and totals from the Shopping Cart Page on the Confirmation Page, Thank You Page, and E-Mail Receipt. These elements are highly recommended on the Confirmation Page, and are optional on the Thank You Page and E-Mail receipt, but most customers like to see them.

The [-- SC_Cart --] tag produces a complete HTML table containing the entire list of products ordered by the customer.
You can specify the columns that you want displayed and the order of those columns, such as [-- SC_Cart quantity name sku price total --]
The [-- SC_Totals --] tag shows the shipping method, tax rate, and surcharge selected by the customer.

Confirmation Page Example: Product Listing and Order Totals

The Thank You Page and E-Mail Receipt use the same tags shown here for the Confirmation Page.

[-- DEFINE Confirmation --]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<title>Confirm Your Order</title>

</head>

<body>

[-- ShopSiteMessages --]

[-- ConfirmationHeader --]

# Start the confirmation page form
[-- SC_Form --]

<table border="0" width="0" align="center">
  <tr>
    <td align="right">
      [-- SC_Cart --]
    </td>
  </tr>
  <tr>
    <td align="right">
      [-- SC_Totals --]
    </td>
  </tr>
</table>

</form>

[-- ConfirmationFooter --]

</body>
</html>
[-- END_DEFINE Confirmation --]

Resulting Page

Product Listings and Order Totals CSS

The Confirmation and Thank You pages use the same CSS classes for the product listing and order totals as the Shipping page. You can use that information to format the output.