ShopSite Response Theme
Version Added: ShopSite Version 12
Color Options: Red Leaves, Violet Purple, Neutral Gray, Blue Winter, Green Plants, Gray Vineyard and Green Fields
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.
- ResponsiveDesign-Page.sst - page template.
- ResponsiveDesign-Product.sst - product template.
- ResponsiveDesign-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.
- ResponsiveDesign-Registration.sst - customer registration template which controls how all of the customer registration screens look, as well as how the customer registration emails look.
- ResponsiveDesign-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 Response Theme Files