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 Right Side 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 right navigation bar.

1.   Copy the Gradient template files. Below are listed the template files that you would need to copy in your store.

2.   Locate the right column section with id="right". Within the page template locate the TD section named “right”. This section will look similar to the following:

3.   Remove the IF/END_IF statements for the VAR tags. You will want to remove the IF/END_IF statements for the var tags. These tags say whether or not to create a right side bar. Since you are hard coding your own links into this section, you will always want that right bar created. After taking this code out, your code should look similar to the following (note, the product template does not have the Page.Text2 section).

4.   Add your own links using the format below. You will want to add in your links either above or below the mini cart section. For this example we are going to add our own links above the mini cart section.

Your final code should look similar to:

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

Customize the Gradient Theme Further: