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 left use the Page Link feature built within ShopSite. You can add links to the left navigation by linking pages to each other in your store.
If you would like to hardcode your own links so that those same links appear on all pages including the product more information pages, search result pages and shopping cart pages, you would need to modify the Modern template itself. Below are the steps that you would go through in order to modify the Modern template theme files to show your custom left navigation bar.
1. Copy the Modern template theme files. Below are a list of files and templates that you would need to copy in your store.
2. Locate the DIV section with id="leftnav". Within all of these templates and template files locate the DIV section named “leftnav.” The “leftnav” section will look similar to the code below:
3. Add your own links using the format below. You can remove all the code between the [-- LOOP_LINKS --] and [-- END LOOP_LINKS --], including the loop tags themselves. Add the line of code shown below for each link you would like to add. 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="inline"><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.
5. Publish. To publish your store with the modified files and new links you can go to Utilities > Publish > Regenerate.