Quick & Easy ShopSite Templates
This section of the Custom Template Cookbook allows you to take your basic store design and paste code into the main cell to quickly and easily create a custom template for your ShopSite store.
Quick & Easy Custom Shopping Cart Template
To quickly and easily create a custom shopping cart template, take the basic layout that you would like for your shopping cart page and follow the steps below, pasting the code found below, into your layout.
- Start by creating the basic layout that you want for your shopping cart page. The Quick & Easy template options work best if you have one main cell in your design where you would like ShopSite to put information, and the rest of your template, such as the header, left links, and footer remain the same. Three examples of basic page layouts are shown below. The gray areas are where the information is hard coded, and the white area is where the code from this tutorial will be inserted.
- Repeat your page code 4 times in the same file. The shopping cart template is one file which creates 4 different shopping cart screens as well as sends a thank you email to your customers. Because of this you would need to add the code for your page 4 times, one for each screen created by this template.
NOTE: The first screen, the shopping cart screen, works like a regular page, you can include the full URL to images, CSS and JavaScript files. The next three screens, the checkout screen, confirmation screen and thank you screen, are all secure screens. You would need to add the secure URL for all images, CSS and JavaScript files you use on these screens. You can get the secure URL by going to Preferences > Hosting Service, or by contacting your hosting company directly. - Add [-- DEFINE ShoppingCart --] to the top of your template (above the DOCTYPE and HTML tags of your first full page HTML).
- Add the following to the HEAD section of your first full HTML page.
- Next copy the code from below and paste it into your main cell in your full HTML page. In the examples shown above, the main cell would be the white space in the middle.
- Add the following to your template between the first full HTML page and the second full HTML page (after the first page's /HTML tag and before the second page's DOCTYPE and HTML tags).
- Add the following to the HEAD section of your second full HTML page.
- Next copy the code from below and paste it into your main cell in your second full HTML page.
- Add the following to your template between the second full HTML page and the third full HTML page (after the second page's /HTML tag and before the third page's DOCTYPE and HTML tags).
- Add the following to the HEAD section of your third full HTML page.
- Next copy the code from below and paste it into your main cell in your third full HTML page.
- Add the following to your template between the third full HTML page and the fourth full HTML page (after the third page's /HTML tag and before the fourth page's DOCTYPE and HTML tags).
- Add the following to the HEAD section of your last full HTML page.
- Next copy the code from below and paste it into your main cell in your last full HTML page.
- Add the following to the bottom of your template, below the /HTML tag of your fourth full page.
- Last, upload your template into your ShopSite store. In your ShopSite store, go to Merchandising > Custom Templates > Shopping Cart > Upload Template. Upload your custom shopping cart template. You would then need to go to Commerce Setup > Order System > Layout Info, and select your custom template from the template pull down menu.
Creating Your Quick & Easy Custom Gift Certificate Template 
