Confirmation Page, Thank You Page, and E-Mail Receipt Templates:
Custom Checkout Fields

If you included tags for custom checkout fields in the Shipping Page template, you may want to display the results on the Confirmation Page and the Thank You Page, and possibly on the E-Mail Receipt.

You can use the [-- IF CustomHTML_Values --] tags to test whether the customer made selections or entered text in any of the five fields locations. The test returns positive if any of the five locations have values.
The [-- CustomHTML_Values --] tag displays the field names and values chosen in all five fields locations (or as many as were used by the merchant).
The merchant can choose whether to have each individual custom checkout field displayed on the Confirmation/Thank You Page and the E-mail Receipt. In other words, some of the fields that appear on the Shipping Page may not appear on the Confirmation and Thank You pages.

Confirmation Page Example: Custom Checkout Fields

The sample store used for the Resulting Page only had one custom checkout field defined, and it shows up at the bottom of the Resulting Page. 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>

<script type="text/javascript" language="JavaScript">
<!-- 
[-- SC_JAVASCRIPT extras --]
// -->
</script>

<style type="text/css">
/***********************/
/***  Page Defaults  ***/
/***********************/
body {
  color: #[-- STORE.SC_TextColor --];
  background-color: #[-- STORE.SC_BackgroundColor --];
  [-- IF STORE.SC_BackgroundImage --]
  background-image: url("[--STORE.SC_BackgroundImage--]");
  [-- END_IF --]
}
</style>

</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>

  <tr>
    <td align="center">
      [-- SC_Address --]
    </td>
  </tr>

  <tr>
    <td align="center">
      [-- SC_Payment --]
    </td>
  </tr>

 [-- IF SC_OrderingInstructions_Text --]
  <tr>
    <td align="center">
      [-- SC_OrderingInstructions --]
    </td>
  </tr>
[-- END_IF --]

[-- IF SC_Comments_Text --]
  <tr>
    <td align="center">
      [-- SC_Comments --]
    </td>
  </tr>
[-- END_IF --]

[-- IF CustomHTML_Values --]
  <tr>
    <td align="center">
      <table class="CustomHTML">
        <tr>
          <td align="left">
            [-- CustomHTML_Values --]
          </td>
        </tr>
      </table>
    </td>
  </tr>
[-- END_IF --]

[-- IF Email_List --]
  <tr>
    <td align="center">
      [-- Email_List --]
    </td>
  </tr>
[-- END_IF --]

</table>

</form>

[-- ConfirmationFooter --]

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

Custom Checkout Field CSS

The [-- CustomHTML_Values --] tag displays the customer's choices in the custom checkout fields. Therefore, there are no pre-defined CSS classes or attributes associated with these tags.

Next: Confirmation & Thank You Buttons

Confirmation Page, Thank You Page, and E-Mail Receipt Templates:Custom Checkout Fields

Confirmation Page Example: Custom Checkout Fields

Custom Checkout Field CSS

Check These Out

Top Template Tips

Update Your Templates

Confirmation Page, Thank You Page, and E-Mail Receipt Templates:
Custom Checkout Fields