Topic: Site Design
Last Updated On: June 12, 2006
Applies to: MC Storefront Software, versions 4.2+
In this Guide: Checkout Button Theme Images
Summary
Within the Checkout and Customer My Account pages new button images have replaced the default browser buttons. The new image files are listed in each button theme folder. Below is a list of the new image file names and usage information. Customize these images to make the Checkout look & feel reflect your site design!
New Images
| Image Name | Image | Location/Usage |
|---|---|---|
| btn-back.gif |  |
btn-back.gif is displayed when a customer is reviewing their Order History. This button navigates the customer back to the previous page. |
| btn-continue.gif |  |
btn-continue.gif is displayed on the Order Confirmation page. This button navigates the customer to the store homepage to continue shopping. |
| btn-edit.gif |  |
btn-edit.gif is displayed within the Order Review step of checkout. By clicking this button the customer will be navigated back to the first step of checkout where they can update/modify their Billing & Shipping information. |
| btn-email.gif |  |
btn-email.gif is displayed within the My Account pages when a customer is viewing their Order History. This button allows the customer to email the Store Admin by displaying an email form. This form is then emailed to the address that is specified within Settings >> Site Wide Settings >> Send New Order Email Alerts To field. |
| btn-intlcheckout.gif |  |
btn-intlcheckout.gif is displayed on the Login step of checkout if the site Allows for International Shipping. |
| btn-login.gif |  |
btn-login.gif is displayed on the Login step of checkout if the site Allows Registered Users to checkout. |
| btn-newcustomer.gif |  |
btn-newcustomer.gif is displayed on the Login step of checkout if the site Allows Registered Users to checkout. |
| btn-next.gif |  |
btn-next.gif is displayed within the checkout steps. This button navigates the customer to the next step of checkout. |
| btn-placeyourorder.gif |  |
btn-placeyourorder.gif is displayed on the last step of checkout. This button submits the order. |
| btn-previous.gif |  |
btn-previous is displayed within the checkout steps. This button navigates the customer to the previous step of checkout. |
| btn-print.gif |  |
btn-print.gif is displayed on the Order Confirmation Page and on My Account page when the customer is reviewing their Order History. This button opens a printer-friendly copy of the order. |
| * btn-recalculate.gif |  |
btn-recalculate is displayed on the last step of 2-Step Checkout. This button is used to update the order totals if the customer changes their shipping method or adds a discount code. |
| btn-reorder.gif |  |
btn-reorder.gif is displayed when a customer is reviewing their Order History. Clicking this button will add the items from the selected order to their shopping cart. |
| * btn-toggle-dom.gif |  |
btn-toggle-dom.gif is displayed within the Address sections of checkout if the site allows for international addresses. This button allows customers to toggle the display of domestic address fields. |
| * btn-toggle-intl.gif |  |
btn-toggle-intl.gif is displayed within the Address sections of checkout if the site allows for international addresses. This button allows customers to toggle the display of international address fields. |
| * btn-toggle-view.gif |  |
btn-toggle-view.gif is displayed under each shipping carrier on the Shipping step of checkout. This allows the customer to view all methods that are available from that carrier. This button is also displayed under each payment method on the Payment step of checkout. Clicking this button will allow the customer to complete any fields for the selected payment method. |
| * These buttons are used in 2-Step checkout only. | ||