Overview

UltraCart allows for a tremendous level of flexibility in customizing the look & feel of your cart. If you brand your shopping cart pages, a customer will not be able to tell any difference between pages hosted on your servers and pages hosted by UltraCart.

At first, it may seem a little awkward to have a special graphics management piece to the UltraCart branding. Intuitively the graphics could reside on the same web server that a merchants website exists, but the technical details of secure page downloads requires all content (html page and graphics) to come from a secure web server. If some of the content on a page does not come from a secure web server, the secured page icon at the bottom of the web browser will not appear. By using the UltraCart graphics management system (Screen Branding), you can avoid having to purchase a secure server certificate for your server, saving as much as $400/yr.

...

Basic Branding

There are basically only two main steps to accomplish [basic] Screen Branding. One is to upload your graphic(s) to UltraCart and the other is to insert the Graphic Link (generated by our system) to the screen layout desired. The following briefly outlines the steps within UltraCart to place a graphic on a screen. You will find a more detail version later in this chapter.
Upload your graphic(s) to UltraCart.

...

• Obtain the Graphics Link.
  • from the Graphics Library screen click on the "View" button to visually confirm your graphic appears (click on the browser "back" button to return).
  • click on the "Link" button to the right of the graphic desired.
  • elect and copy the HTML coding from the top box (Img Tag).
  • return to the Graphics Library.
• Paste the HTML Img Tag into the desired Brandable Screen.
  • from the Graphics Library Screen, click on the "Screens Tab".
  • click on the "Edit" button to the right of the desired screen.
  • paste the Graphics Link HTML code (should still be on your clipboard).

...

Advanced Branding

You can override practically every aspect of the checkout appearance; buttons, background, colors, fonts, etc. You do this by overriding specific styles from our checkout style sheet (CSS).
You can download the master style sheet used at this address:

...

Notice that we have two dollar signs in a row. The first one is actually sent to the customer's browser. The second one is part of the Velocity syntax.