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.
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 top navigation bar.
1. Copy the Gradient templates. Below are a list of files and templates that you would need to copy in your store.
2. Locate the DIV section with id="globalNavLinks". Within all of these templates and template files locate the DIV section named “globalNavLinks.” The beginning of the “globalNavLinks” 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 top 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. 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.
<a href="http://domain.com/filename.html">Page Name</a>
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 files and display your new links.