Configuring the Checkout - Confirm system page design settings

In the Confirm page, accessed via the PAGES tab of the Website Editor under the SYSTEM PAGES section, you can edit the design settings of the Checkout Confirm form. These settings allow you to configure the layout and design options of the Checkout Confirm form.

To configure the Confirm system page design settings:

1. Click on the PAGES button in the Website Editor Toolbar.
   
2. Click on the + icon at the left of the Checkout tab to expand the Checkout pages menu.
   
3. Click on the Confirm page tab.
   
4. Mouse over the Checkout Confirm widget in the content area of the Confirm page.
5. Click on the down arrow beside the form icon.
6. Choose the Checkout Confirm Settings item from the drop-down menu.
   

   The Checkout Confirm Settings popup will be displayed, with the Design Tab selected.

   
7. Select a Login Layout style for the form.
   • Label Above: displays labels above fields in the Checkout Confirm form.
   • Label Left: displays labels to the left of fields in the Checkout Confirm form.
8. Configure the design settings for the Checkout Confirm Widget.
   • Step Number Total: lets you choose whether to display the total number of steps of the checkout process.
     • Show: displays the total number of steps of the checkout process.
     • Don't Show: hides the total number of steps of the checkout process.
   • Breadcrumb Display: lets you choose if/where the breadcrumb is displayed.
     • None: hides the breadcrumb.
     • Standard: displays the standard breadcrumb - a linkable path of the checkout process steps.
     • Numbered: displays the breadcrumb with the step number before each step name.
     • Worded: displays the breadcrumb with labels above the step name.
   • Previous Step Link: lets you choose whether to display a link to the previous step of the checkout process.
     • Show: displays a link to the previous step of the checkout process.
     • Don't Show: hides the link to the previous step of the checkout process.
   • Heading: lets you configure the font style and color of the main heading.
     • Click on the font name to configure the font style using the Font popup. See the Configuring Font Settings for Widget Panel Titles article for instructions.
     • Click on the color spot to choose a text color using the Color popup. See the Using the Color Popup article for instructions.
   • Information Heading: lets you configure the font style and color of the section headings.
     • Click on the font name to configure the font style using the Font popup. See the Configuring Font Settings for Widget Panel Titles article for instructions.
     • Click on the color spot to choose a text color using the Color popup. See the Using the Color Popup article for instructions.
   • Text: lets you configure the font style and color of the regular text on the Confirm page.
     • Click on the font name to configure the font style using the Font popup. See the Configuring Font Settings for Widget Panel Titles article for instructions.
     • Click on the color spot to choose a text color using the Color popup. See the Using the Color Popup article for instructions.
   • Label: lets you configure the font style and color of field labels.
     • Click on the font name to configure the font style using the Font popup. See the Configuring Font Settings for Widget Panel Titles article for instructions.
     • Click on the color spot to choose a text color using the Color popup. See the Using the Color Popup article for instructions.
   • Button: lets you configure the submit button style.

     The procedure for configuring the submit button style is the same as for editing the button style in the Style Editor. See the Style Editor article for instructions.

   • Button Label: lets you modify the name that will appear on the Complete Your Order! button.

   You can configure the font properties of the text in the drop-down boxes for the Step Number Total and Breadcrumb Display fields by clicking on the brush icon beside the drop-down box. The Font Popup will be displayed. See the Configuring Font Settings for Text article for instructions on how to configure the properties in the Font Popup.

9. Click OK.
10. Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.