Purpose: This template defines the layout of the checkout (page 2) of the 3 step checkout. This is where customers enter their shipping information. (Similar to checkout-step2.html, however, this one is used when an order contains multiple “ship to” addresses.)
Notes: The template contains a form which is used by the customer to enter their billing information. No changes should be done to the form as the field names/values are very important and should not be changed. Adding or removing fields could cause the form to stop working. You can however, change the look/feel of the form using CSS/HTML. This template also contains a special code block labeled "checkout_questions_templates" which inserts checkout questions if they are present on step 2 of the checkout process.
It is important to preserve the commented tags to ensure the software performs correctly.
Code Blocks
Note: It is important to preserve the commented tags to ensure the software performs correctly.
[checkout1_step]
[checkout2_step]
[checkout3_step]
[checkout4_step]
<!--START: CATEGORY_HEADER-->
[CONTENT]
<!--END: CATEGORY_HEADER-->
<!--column left-->
<!--START: Shipping Rate -->
[checkout2_Header-shippingmethods]
[checkout2_shippingmethodsmessage]
<!--START: CARRIER-->
<!--START: displayblock-->
[OPTION-SHIPPER]
[OPTION-SHIPPER]
<!--END: displayblock-->
[OPTION-SHIPPER]
[OPTION-SHIPPER]
<!--START: SHIPPING_OPTION-->
[ID]
[SELECTED]
<!--[OPTION-SHIPPER]-->
[OPTION-DESCRIPTION]
[OPTION-PRICE2]
<!--END: SHIPPING_OPTION-->
<!--END: CARRIER-->
<!--START: INSURANCE-->
[checkout2_insurance]
[insurance_cost]
[checkout2_insurance-selected]
<!--START: optional-->
[checkout2_insurance-not-selected]
<!--END: optional-->
<!--END: INSURANCE-->
<!--START: checkout_questions-->
[checkout2_checkoutquestions]
<!--START: questions-->
[questions]
<!--END: questions-->
<!--START: checkout_questions_templates-->
<!--START: textarea-format-->
[question]
<!--START: req[id]-->
<!--END: req[id]-->
[id]
[answer]
<!--END: textarea-format-->
<!--START: text-format-->
[question]
<!--START: req[id]-->
<!--END: req[id]-->
[id]
[answer]
<!--END: text-format-->
<!--START: file-format-->
[question]
[oname]
<!--END: file-format-->
<!--START: checkbox-format-->
<!--START: req[id]-->
<!--END: req[id]-->
[id]
[answer]
[selected]
[question]
<!--END: checkbox-format-->
<!--START: radio-format-->
<!--START: req[id]-->
<!--END: req[id]-->
[question]
<!--START: option-->
[id]
[option]
[selected]
[option]
<!--END: option-->
<!--END: radio-format-->
<!--START: dropdown-format-->
<!--START: req[id]-->
<!--END: req[id]-->
[question]
[id]
<!--START: option-->
[selected]
[option]
<!--END: option-->
<!--END: dropdown-format-->
<!--END: checkout_questions_templates-->
<!--END: checkout_questions-->
[checkout2_submitbutton]
<!-- END: Shipping Rate-->
<!--column left ends-->
<!--column right-->
<!--customer info starts-->
[checkout2_Header-shippinginfo]
[checkout2_shippinginfomessage]
[shipping_firstname]
[shipping_lastname]
[shipping_company]
[shipping_address]
[shipping_address2]
[shipping_city]
[shipping_state]
[shipping_zip]
[shipping_country]
[checkout2_shippinginfochange]
<!--customer info ends-->
[checkout1_Header-shoppingcart]
<!--START: SHOPPING_CART_ITEM-->
[ITEM_CATALOGID]
[THUMBNAIL]
[ITEM_NAME]
[ITEM_PRICE]
[ITEM_QUANTITY]
[ITEM_SUBTOTAL]
<!--END: SHOPPING_CART_ITEM-->
<!--START: DISCOUNTS-->
[shoppingcart_subtotal]
[CARTSUBTOTAL]
[checkout1_discounts]
[DISCOUNTS]
<!--END: DISCOUNTS-->
<!--START: BUYSAFE-->
[buysafe_totalbondcost]
<!--END: BUYSAFE-->
[shoppingcart_total]
[CARTTOTAL]
<!--START: GIFTCERTS-->
[shoppingcart_giftcertificate]
[GIFTCERTS]
<!--END: GIFTCERTS-->
<!--column right ends-->
<!--START: CATEGORY_FOOTER-->
[CONTENT]
<!--END: CATEGORY_FOOTER-->
Note: Code blocks and their respective variables will only work with specific template pages.
Variables
Note: Many of the following variables are dynamically inserted from your cart’s Settings ->Design ->Store Language section.
- [checkout1_step] – Displays the Title of the “Step 1” Checkout Step Process at the top of the page. (See Settings ->Design ->Store Language)
- [checkout2_step] – Displays the Title of the “Step 2” Checkout Step Process at the top of the page. (See Settings ->Design ->Store Language)
- [checkout3_step] – Displays the Title of the “Step 3” Checkout Step Process at the top of the page. (See Settings ->Design ->Store Language)
- [checkout4_step] – Displays the Title of the “Thank You” Checkout Step Process at the top of the page. (See Settings ->Design ->Store Language)
- [checkout1_loginmessage] – If the Shopper is not yet logged into their respective account, this variable displays the Text of the “Shopped with us before?” heading. (See Settings->Design ->Store Language)
- [checkout1_loginmessage2] – If the Shopper is not yet logged into their respective account, this variable displays the Text of the login instructions. (See Settings->Design ->Store Language)
- [checkout1_login] – If the Shopper is not yet logged into their respective account, this variable displays the Text of the “Log in to Your Account” link/button. (See Settings->Design ->Store Language)
- [checkout1_Header-createnewaccount] – If the Shopper is not yet logged into their respective account, this variable displays the Text of the “Create New Account” heading. (See Settings->Design ->Store Language)
- [CustomerInfo_email] – If the Shopper is not yet logged into their respective account, this variable displays the Title of the “Email” field. (See Settings->Design ->Store Language)
- [CustomerInfo_password] – If the Shopper is not yet logged into their respective account, this variable displays the Title of the “Password” heading. (See Settings->Design ->Store Language)
- [maillist] – If the Shopper is not yet logged into their respective account, this variable is used by the Software to dispay and record the mailing list checkbox during the account creation.
- [checkout1_joinmailinglist] – If the Shopper is not yet logged into their respective account, this variable will display the text of the Join Mailing List section. (See Settings ->Design ->Store Language)
- [checkout2_Header-shippinginfo] – Displays the Title of the “Shipping Information” header on the page. (See Settings ->Design ->Store Language)
- [package_number] – Inserts the specific package number for the multiple ship to sections.
- [checkout2_Header-shippingmethods] – Displays the Title of the “Shipping Methods” after the package number. (See Settings ->Design ->Store Language)
- [checkout2_shippinginfomessage] – Displays the Text of the “Your Package will be delivered to:” message on the shipment listing. (See Settings ->Design ->Store Language)
- [oshipfirstname] – Inserts the Shipment’s First Name information.
- [oshiplastname] – Inserts the Shipment’s Last Name information.
- [oshipcompany] – Inserts the Shipment’s Company information.
- [oshipaddress] – Inserts the Shipment’s Address information.
- [oshipaddress2] – Inserts the Shipment’s Suite/Apt # information.
- [oshipcity] – Inserts the Shipment’s City information.
- [oshipstate] – Inserts the Shipment’s State information.
- [oshipzip] – Inserts the Shipment’s Postal Code information.
- [oshipcountry] – Inserts the Shipment’s Country information.
- [addressTypeText] – Inserts the Shipment’s Address Type (commercial/residential) information.
- [shipment_id] – This variable is used by the Software to provide links to the shipment’s database ID for editing referencing.
- [checkout2_shippinginfochange] – Displays the Text for the “Change address” link. (See Settings ->Design ->Store Language)
- [checkout2_shippingmethodsmessage] – Displays the Text for the “Pick the Shipping Method:” label on the shipping options section. (See Settings ->Design ->Store Language)
- [OPTION-SHIPPER] – Used by the Software to insert applicable shipping Carrier options available.
- [ID] – Used by the Software to reference the populated shipping methods.
- [SELECTED] – Used by the Software to identify the selected shipping method.
- [OPTION-DESCRIPTION] – Inserts the Caption of each applicable and listed shipping method. (See Settings ->Shipping ->Shipping Methods)
- [OPTION-PRICE2] – Inserts the price of each applicable and listed shipping method.
- [checkout2_checkoutquestions] – Displays the Title of the “Additional Questions” section of the page, if checkout questions are added to the step 2 page. (See Settings ->Design ->Store Language)
- [questions] – This variable controls the area where the questions are contained.
- [checkout2_submitbutton] – Displays the Title of the “Proceed to Payment Information” link/button. (See Settings ->Design ->Store Language)
- [checkout1_Header-shoppingcart] – Displays the Title of the “Shopping Cart” section header on the page. (See Settings ->Design ->Store Language)
- [ITEM_CATALOGID] – This variable is used by the Software to reference the applicable shopping cart Items.
- [THUMBNAIL] – This variable is used by the Software to insert the product(s) thumbnail image(s).
- [ITEM_NAME] – Inserts the Product’s Name information.
- [ITEM_PRICE] – Inserts the Product’s Price information.
- [ITEM_QUANTITY] – Inserts the number of units ordered for the product.
- [ITEM_SUBTOTAL] – Insertse the Subtotal of each item.
- [shoppingcart_subtotal] – Displays the Title of the cart’s “Subtotal” section. (See Settings ->Design ->Store Language)
- [CARTSUBTOTAL] – Inserts the shopping cart’s Subtotal.
- [checkout1_discounts] – Displays the Title of the cart’s “Discounts” section. (See Settings ->Design ->Store Language)
- [DISCOUNTS] – Inserts the monetary amount of any applied discounts.
- [buysafe_totalbondcost] – If BuySafe is used on the store/order, this variable will insert the Cost for the BuySafe bonding service.
- [shoppingcart_total] – Displays the Title of the cart’s “Total” section. (See Settings ->Design ->Store Language)
- [CARTTOTAL] – Inserts the cart’s Total.
- [shoppingcart_giftcertificate] – Displays the Title of the cart’s “Gift Certificate(s)” section. (See Settings ->Design ->Store Language)
- [GIFTCERTS] – Inserts the monetary amount of any applied Gift Certificate(s).
These next few variables will be present in the “checkout_questions_templates” Code Block. They will be used in the display and presentation of the Checkout Questions.
- [question] – Inserts the applicable questions.
- [answer] – Controls the Checkout Question answers (used for Checkbox, Text and Text Area questions).
- [selected] – (scripting) Records if the selection was made.
- [option] – Lists the Question Answer options available (used for radio button and dropdown questions).