Customization does not work with sites using frames. You can still link your frames pages to our ordering pages, however, you can't put our forms in your frames. Our ordering pages are not secure within frames.
Be sure to upload all graphics, stylesheets, and other supporting files using steps under Upload Files.
From the Authors menu, select Storefront, Custom HTML and Logo.
Now cut and paste the site's HTML coding. Everything that goes in the navigation or above the ordering information goes in the HTML Top. Anything after the body ordering pages goes in HTML Bottom. If necessary, create a blank page with your navigation included and place <order form goes here> where you would like the order form. Note that at least 615 pixels must be reserved for the order forms. Everything before <order form goes here> goes in HTML top. Everything after <order form goes here> goes in HTML bottom. You can also begin with the Sample Custom HTML and modify this to suit your needs.
Now you need to edit your HTML slightly. You have to change the title and add some javascript. Add the [varTitle] search and replace string into the title - this will be replaced with the appropriate page title throughout the ordering process. You should also add the setfocusfield javascript function shown below. This function will properly set the focus to the first field when the pages load throughout the checkout process. It is also necessary to add the Content-Type meta tag to the head as shown below. This will ensure that the customer's browser uses the proper character set which works with SOLO's client side validation routines. It should look like this:
<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Company Name | [varTitle]</title>
</head>
<script language="JavaScript">
<!--
function setfocusfield(work)
{
[varFocus]
}
//-->
</script>
When using the .NET shopping cart (your shopping cart links will have an extension of .ASPX), include the following 4 cart stylesheets somewhere above the <body> tag:
<link rel="stylesheet" type="text/css" href="/solo/products/cart_styles_core.css" />
<link rel="stylesheet" type="text/css" href="/solo/products/cart_styles_print.css" media="print" />
<link rel="stylesheet" type="text/css" href="/solo/products/cart_styles_screen.css" media="screen,projection" />
<link rel="stylesheet" type="text/css" href="/solo/products/cart_styles_speech.css" media="speech" />
When using the older ASP shopping cart (your shopping cart links will have an extension of .ASP), include the following cart stylesheet somewhere above the <body> tag:
<link href="b1_products.css" rel="stylesheet" />
Also make sure that you have onload="setfocusfield()" in the <body> tag. This sets the initial field focus on the ordering pages. See example below:
<body bgcolor="#ffffff" onload="setfocusfield()" link="#0000FF" alink="#0000FF" vlink="#0000FF" text="#000000" leftmargin="0" topmargin="0">
Now change any links that refer back to your web site to have the full address (e.g. http://www.yourdomain.com/directory/file.htm), or the links will point to a nonexistent page on our site secure.softwarekey.com.
You also need to change the graphic and other supporting file paths. They all need to go to "/solo/products/custom/[your author id]/images/yourgraphic.gif".
To view your ordering page the way customers will see it, go to your shopping cart page, which is http://secure.softwarekey.com/solo/products/b1_cart.asp?A=[your author id] if you are using the ASP cart, or http://secure.softwarekey.com/solo/products/Cart.aspx?AuthorID=[your author id] if you are using the .NET cart. Any changes you make to the Custom HTML is immediately reflected on the site.
Note that any links in your custom markup that link into a SOLO subdirectory, such as a link to view the cart or to the customer service pages must access the SOLO subdirectories with the subdirectory name in all lower case (for example http://secure.softwarekey.com/solo/customers and not http://secure.softwarekey.com/solo/Customers). If mixed case subdirectory names are used, you will experience problems with cookies being set in the browser.
See Changing Cart Look and Feel for more information on these stylesheets and how to customize them.
Customized Storefront Overview