ShopSite Dynamic Theme

Version Added: ShopSite Version 11 sp2

Color Options: Red, Pink, Blue, Navy, Purple, Green Accent, Classic, Orange, Playful.

Theme Colors & Backgrounds
Colors and background images for this theme can be modified under Preferences > Layout Settings.

• Text Color - text color, side navigation link color, footer navigation link color.
• Background Color - page background color.
• Link Color - link color and color of bottom half of navigation bar.
• Visited Link Color - hover color for links, as well as the color of the top half of navigation bar.
• Active Link Color - flyout menu background color.
• Table Shade Color - background color of line items in the shopping cart.
• Background Image - page background image.
• Color 1 - borders on products - light gray.
• Color 2 - idle field (such as search) - darker gray.
• Color 3 - left and right column background colors.
• Color 4 - button image color. Don't change.
• Color 5 - Do not change this color. It controls which CSS file is used for the theme..

Theme Files

To modify any of these template files you would go to Merchandising > Custom Templates, and click on the section the template file is in (i.e. "Product Templates" or the product template files or "Include Files" for include or publish files). Then click on "Copy ShopSite Template." Make a copy of the ShopSite template you want to edit. Save changes. Then make a copy of your copy and rename it the exact same name as the original. (You can then delete your original copy with a different name). Your copy will override the original template file. If you ever want to revert back to the original template file you can simply delete (or rename) your copied file and regenerate your site.

• Dynamic-Page.sst - page template.
• Dynamic-Product.sst - product template.
• Dynamic-GiftCert.sst - gift certificate template which controls how the gift certificate ordering page looks, how the gift certificate email receipt looks, and how the printable email receipt within the back office looks.
• Dynamic-Registration.sst - customer registration template which controls how all of the customer registration screens look, as well as how the customer registration emails look.
• Dynamic-Search.sst - search template which controls the layout of the search results screen.
• BasicPage-Link.sst - default link template for page links on the search results screen.
• Flex-Build-Product-Search.sst - default product template for the product results on the search results screen.
• dynamic.css - publish file containing CSS for this theme.
• dynamiccgi.css - publish file containing additional CSS for this theme's cart, registration and gift certificate screens.
• dynamic.js - publish file containing JavaScript for this theme (mini cart, registration, heights).
• Dynamic-Head.sst - include file specifying the CSS files, JavaScript files and other meta tags.
• Dynamic-RequiredTop.sst - include file containing the start of the page HTML.
• Dynamic-RequiredBottom.sst - include file containing the header, footer, and side navigation areas on all pages.
• Dynamic-VARs-DOCTYPE.sst - include file specifying the VAR tags for this theme and the DOCTYPE HTML tag.

All Templates Using the Dynamic Theme Files
The Dynamic theme files are used by 5 different themes. The ShopSite built in themes that are using the Dynamic theme files are the Boutique Theme, Dynamic Theme, Picture Theme, Pinwheel Theme and Trend Theme.

Enhance the Dynamic Theme

Product Layout - There is an alternate product template for this theme which eliminates the add to cart portion of the product information from the category pages, only including that information on the product more information pages. To use this option you can go to Products > Edit Product Layout, and change the product template for all products from the Dynamic-Product.sst template to the Dynamic-ProductCustom.sst product template.

Multi-Add-To-Cart Template - You can download the Multi-Add-To-Cart Dynamic Template version 11 sp2 ZIP File to get ready-made page and product templates that create a single add to cart form to allow customers to add many products to the cart at once. To add this in other templates or your own custom template you can refer to the Creating A Multi-Product [Add To Cart] Button help page in the ShopSite Custom Template Cookbook.