ShopSite Gradient Theme

Theme Image

Version Added: ShopSite Version 8.1

Color Options: Accent Blue, Accent Red, Dark Blue, Fiesta

The Gradient Theme was the first theme to include left links as well as top links AND a right side bar. The links on the left are the page links you have assigned to each page. The top links are the ShopSite features including the search bar, home link, gift certificate link and customer registration links. The right side bar is comprised of the mini cart and the text three field.

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

Theme Files

Enhance This Template

The Gradient Theme uses the background image to add a gradient on the page. Below are additional gradients that you can save to your desktop, upload into your ShopSite store and use on your store pages.

  1. Save Image To Desktop - Click the image to get the actual image in a new window. Save the image to your desktop. If you are using a PC you can right mouse click the image and select "Save Image As" to save the image to your desktop.
  2. Upload Image To Store - Upload the image into your ShopSite store by going to Images > Upload an Image.
  3. Set Image As Background Image - Set the image you have uploaded as the background image for all screens within your ShopSite store. You would do this for your pages by going to Pages > Edit Page Layout. You can set this image as the background image for your more information page by going to Preferences > More Info. For the shopping cart pages you would go to Commerce Setup > Order System > Layout Info, and set the background graphic there.

Stretch Header Across Page

In some browsers and in newer versions of other browsers, the top search bar does not stretch across the entire page. You can fix this issue by adding a small amount of code into the header or footer field on your pages. Copy and paste the code below into your ShopSite store.