Version Added: ShopSite Version 8.1
Color Options: Blues, Blue/Gold, Burnt Orange, Cool, Green, Pink, Primary, Sky, Southwest
The Cross Sell theme displays a few top navigation links which are found on the pages, more information pages, customer registration pages, gift certificate page, shopping cart pages and the search result pages. The Cross Sell theme also has left navigation links which are listed on your store pages (using the loop link feature), your product more information pages (using the subproduct feature), and there is a left navigation bar on your search result pages which does not contain any links.
If you would like to add your own links to the top of left navigation, or have the left navigation links the same on the pages, product more information pages and search result pages, you will need to make changes to the Cross Sell template files. Below are the steps for changing the top navigation links in the Cross Sell theme.
1. Copy the Cross Sell theme files. Below are a list of files that you would need to copy in your store.
2. Locate the DIV section with id="navBar". Within all of these templates and template files locate the DIV section named “navBar.” The “navBar” section will look similar to the code below:
3. Take out extra IF/END_IF tags. You'll want to take out the IF/END_IF tags before and after the div id="navbar". After removing these tags the code will look like the following. Note, I also took out the extra IF/END_IF tags relating to the store being a Starter store for the search feature.
4. Add your own links using the format below. The complete left bar includes the search field, then page links assigned to that page, then the text 2 field if there is one. If you would like to add your own links, I would recommend adding them just below the search field section using the format below. Note, for the page template, you would take out the IF/ELSE/END_IF tags for the PAGE.NumLinks "0" section and add the page links just above the [-- LOOP LINKS --] tag. For the search results and product template you will need to add <ul> just before the links you add, and add </ul> immediately after the links you add.
<li><a href="http://domain.com/filename.html">Page Name</a></li>
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 templates 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 Cross Sell theme and it will read your new files and display your new links.
6. Publish. To publish your store with the modified files and new links you can go to Utilities > Publish > Regenerate.
Customize the Cross Sell Theme Further