ShopSite Gradient Theme

Version Added: ShopSite Version 8.1

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

Customize the Gradient Template - Add Your Own Links to the Left Navigation Bar

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.

If you would like to change these links or add you own links, you would need to modify the Gradient template itself. Below are the steps that you would go through in order to modify the Gradient templates to show your custom left navigation bar.

1.   Copy the Gradient gradient1-page.sst template. Below is listed the template that you would need to copy in your store.

2.   Locate the TD section with id="left". Within the page template locate the TD section named “left”. The beginning of the “left” section will look like the following:

3.   Add your own links using the format below. If you would like to remove any of the links listed in the left bar, you can remove the link of code, or the complete IF/END_IF statement regarding those links. For this example we are just going to add our own links in addition to the links provided. First take out the IF/END_IF tags at the beginning and end. Then take out the IF/ELSE/END_IF for the PAGE.NumLinks. Last, add the line of code shown below, and replace the URL with the full URL to the page you want to link to, and replace "Page Name" with the text you would like displayed for the link.

Your final code should look similar to:

4.   Copy YOUR copy and name it the EXACT same as the original. Once you have finished making modifications, you can copy your copied template and give it the exact same name as the original. If you do this, your new template will override the original template. Once your file name overrides the original, you can use the Gradient theme and it will read your new file and display your new links.

Customize the Gradient Theme Further: