ShopSite Modern Theme

Theme Image

Version Added: ShopSite Version 9

Color Options: Blue/Brown, Blue/Green, Blue/Yellow, Green, Muted, Natural, Orange, Pink, Pink/Green, Red/Yellow

The Modern Theme does allow you to control nearly all of the colors on the page. This makes it easy for merchants to change the colors to get the exact color they way. If you set a background image, that image will fill up the top navigation bar. This theme also includes left, top and right links.

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

The Modern Theme displays subproducts different than other ShopSite themes. Subproducts are displayed in a list of checkboxes. If you would like the parent product to be listed in the list as one of the checkboxes, you can add the parent product as a subproduct of itself. This will make is so that the parent product is included in the list of subproducts. An example of this can be seen below. Each of the options in the list is it's own product.

Rose Lotion 4 oz. $3.99
Rose Lotion 8 oz. $5.99
Rose Lotion 12 oz. $8.99

Not using this theme but want to have your subproducts displayed how the Modern theme displays them? Click here to learn how you can add this subproduct feature to your custom template.

Theme Files

Enhance This Template

The Modern Theme uses the background image as the background for the top navigation bar. if you would like to change the top navigation bar to another color or another design you would need to upload a new image. Below are some images that you can use with the modern theme to get a new color for your top navigation bar. The steps to add these to your store are as follows:

  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.