The option to use multiple pages to display and handle the E-Commerce checkout process (as opposed to a single page) is activated using the following site config file setting:

 

Site Admin Panel > Checkout Settings > CheckoutSteps value = 1

 

With the value for this setting set to 0, the original single checkout page process (Checkout.aspx) is maintained.

With CheckoutSteps enabled (value set to "1"), the online shopper is taken through a series of 4 checkout pages:

 

The step that the online shopper is at in the process is displayed with a “breadcrumbs” type trail near the top of each page, just below the header. Toward the bottom of each of the numbered checkout pages are Back and Next buttons that, when clicked, allow the purchaser to progress forwards or backwards through the checkout pages/steps.

Checkout1.aspx displays the cart contents along with anything added to the cart due to Cart Rules. Also, Checkout1.aspx has the coupon code controls on it if those are enabled (Site Admin Panel > Checkout Settings > EnableCheckoutCoupons value = 1). Checkout2.aspx is the page where the purchaser’s name and address information is entered and/or verified. If the Shipping Address fields are enabled via the site config file (Site Admin Panel > Guest Related Settings > NoPurchTracking value = 0 and Site Admin Panel > Guest Related Settings > ShowShippingAddr value = 1), then these are also displayed on Checkout2.aspx. Checkout3.aspx is the Payment Information entry page where the purchaser enters his credit card or In-House Cards information or chooses to charge the sale to an account if he is purchasing via group/account/club management functionality. Finally, Checkout4.aspx is a final “review” page where the purchaser can verify the cart contents and sale total, the form of payment being used and the purchaser address information.

If the purchaser desire to make any changes before submitting the sale, there are Back buttons located on each of the checkout pages which, when clicked, take him back through the checkout pages. Once he has arrived at the page where he wants to make the changes and the changes are complete, he can then click on the Next button to progress back through the checkout pages. Once he has arrived at Checkout4.aspx and he is satisfied with everything, he can click on the Submit Sale button to process the sale in the regular manner.

When using CheckoutSteps (Site Admin Panel > Checkout Settings > CheckoutSteps value = 1 in the site config file for the pages), up to four payments can be made on a sale using one or more credit cards, one or more In-House Cards or a combination of credit cards and In-House Cards. Multiple payments are applied on the Checkout3.aspx page. When the shopper arrives at this page, he can either choose to pay the sale total using one credit card/In-House Cards card or he can choose the Use multiple cards option wherein he would enter an amount to pay along with the card number (and expiration date and CVV2 number for credit cards) to use. Clicking the Add Payment button adds the payment to the Payment Summary grid towards the bottom of the page. The payment or Card Types labels default to Charge Card or In-House Cards. The labels can be overridden in site config with the following site config settings: Site Admin Panel > Checkout Settings > CreditCardTypeText value = Credit Card and Site Admin Panel > Checkout Settings > InHouseCardTypeText value = Gift Card. Once a payment is added, the amount remaining to be paid is automatically entered into the Amount to be applied to this card text box and another payment can be applied to the sale total. Once the Balance Remaining reaches $0.00, the shopper clicks the Next button to proceed to the Checkout4.aspx page.

 

Note: When charging a sale to an account using E-Commerce group (account) functionality, the entire amount of the sale gets charged to the account – you cannot mix multiple payments to credit cards/In-House Cards with account charging through the E-Commerce pages.