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 creates a layout where you have links on the top, left and right sides of the page. The links that appear on the top and right side of the page are automatically setup by ShopSite, whereas the links on the left use the Page Link feature built within ShopSite. The links on the top navigation bar include the following:
If you would like to change these links or add you own links, you would need to modify the Modern template itself. Below are the steps that you would go through in order to modify the Modern templates to show your custom top navigation bar.
1. Copy the Modern 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="headlinks". Within all of these templates and template files locate the DIV section named “headlinks.” The “headlinks” section will look like:
3. Add your own links using the format below. If you would like to remove any of the links list 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.
<li class="navlinks"><a href="http://domain.com/filename.html">Page Name</a></li>
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 modern theme and it will read your new files and display your new links.