Version Added: ShopSite Version 10
Color Options: Beach, Light Blue, Pink, Purple, Rugged, Slate Blue
The Texturize Theme creates a layout where you have links on the top, and left sides of the page. The links that appear on the left use the Page Link feature built within ShopSite. The links that appear at the top of the page are set by ShopSite, however you can change or add new tabs to the top navigation area by modifying the template.
Below are the steps that you would go through in order to modify the Texturize templates to show your custom top navigation tabs.
1. Copy the Texturize 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="toplinks". Within all of these templates and template files locate the DIV section named “toplinks.” The “toplinks” section will look like the code below:
3. Add your own links using the format below. The Top Links section in this theme has a defined width. If you would like to add addtional links you will want to remove existing links so that the Top Links section does not get too wide. Below the example shows 3 of the ShopSite links, Home, Gift Certificates and Your Shopping Cart, with two new links where the customer registration links were. 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="tab"><a href="http://domain.com/filename.html">Page Name</a></li>
Your final code should look similar to:
4. Copy your edited files and name them 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 regular Texturize theme and it will read your new files and display your new links.