Welcome to the ShopSite Template Cookbook. ShopSite Custom Templates are a powerful tool, designed to give merchants and designers complete control over the appearance of a ShopSite store.

Which Tutorial is Right for You?

1. Template Tutorial - which explains what templates are and how they are setup.
2. Quick & Easy Template Tutorial - which is for those merchants and designers who already have a look setup, and would like to quickly add the ShopSite functionality to the main body.
3. Cookbook Tutorial - for those merchants and designers who would like to create more advanced templates for their ShopSite store.
4. ShopSite Built-In Templates Explained - provides screen shots for al the built-in templates, as well as the files used and ways to customize each theme.

Introduction to Custom Templates

ShopSite uses Custom Templates to control the way customer-facing content appears. Any content a customer might see, whether an HTML page or an e-mail message, can be controlled by Custom Templates. Each Custom Template combines standard HTML tags with ShopSite's Custom Template Tags. When the final content is generated by ShopSite, the Custom Template Tags are replaced with HTML containing information from the ShopSite database. To put it simply, ShopSite 'fills in the blanks/tags.'

A ShopSite Custom Template is a file stored in a special location within the ShopSite store. The following is a list of the different types of templates that can be created:

• Product - Controls how products are displayed throughout the store.
• Page - Controls the appearance of store pages
• Search - Controls the appearance of search results pages
• Shopping Cart - Controls the appearance of the various screens used during the checkout process and customer receipts
• Tell A Friend - Controls the appearance of the Tell A Friend pop-up window and the e-mail message friends will receive
• Gift Certificate (Pro) - Controls the appearance of the Gift Certificate order form and the e-mail or printed gift certificate

Template Design Considerations

One of the most important things to consider before you dive in and start making custom templates is what the template will be used for. For example, are you making a highly customized template that will only be used for a single store, or are you making a more generic template that can be applied to a number of different stores? Another question to ask is how much back-office control should the merchant have? The way you answer these questions will have a dramatic effect on the complexity of the templates, and the ratio of HTML and custom template tags you will use.

The easiest custom templates to make are usually store-specific and leave very little control in the back office. This technique allows you to rely a lot more on your HTML editor to design the presentation, and only use custom template tags to include specific ShopSite database information. If you are just starting with custom templates, it's a good idea to start with a template like this.

It will save you a lot of time if, before you start messing with HTML or Custom Template Tags, you have a mock-up of the result you're hoping to end up with. It wouldn't even hurt to go as far as designing an entire mock-up screen with your HTML editor, before you start trying to make a template for that screen. One distinct advantage of an HTML mock-up is that you can often just cut and paste segments of code from your mock-up into the custom template.

Finally, it is important to be aware that most Custom Template Tags will be replaced with HTML code, not just raw data. In addition, many of the back-office fields merchants can use allow HTML content to be included within them. A good template needs to be able to handle this information and present it in a manner consistent with the rest of the Web site's appearance.

Begin Cookbook Tutorial: Page Templates