Navigation Bar
![]()
|
Find this feature |
|
From the Main Menu of your Site Manager, click Navigation Bar (in the Appearance column). |
|
Introduction |
|
|
When a visitor is browsing your website, they use the navigation bar to maneuver from page to page. In a version 9 layout, the navigation bar will appear in four small sections on your storefront, called Shopping, Affiliate Program, Customer Service, and Site Info.
This topic helps you learn how to use the Navigation Bar with version 9 layouts. To learn how to use layouts from version 8 and earlier, please see the Version 8 Navigation Bar topic.
The appearance of your navigation bar depends on the layout (template) of your site. Layouts 76-83 display the Shopping portion of the navigation bar on the left side of the screen, while layouts 84 and 85 display it on the top. |
|
|
|
You can modify the options that appear on the navigation bar by adding additional links, removing existing links, changing the words of a link, or changing where a link directs a visitor to. |
|
Note: Layout 84 displays only 6 links from the Shopping section, and layout 85 displays 7. If you use one of those layouts, you may wish to move additional links to other menu sections. Also, layout 85 displays menu items from right to left. |
|
|
Add to Navigation Bar |
|
|
To add a new link to the navigation bar, fill in the Add a new link on the navigation bar area, and then click Add Link.
Link name is the name of the menu option that appears on the navigation bar . URL is the Site address that your shopper will go to when they click the menu option (see below for pre-created codes). |
|
|
Font HTML, Background color, and Background img can accept HTML color codes or location of an image file. They allow you to change the color of the link. These features do not work on all layouts. |
|
|
Setup Links |
|
|
You can change the links in any of the four sections. First, choose which section you wish to modify on the Select Category menu. |
|
|
|
Move links to top, up, down, or to bottom To move a navigation bar link up or down the list, select it and click either Move Up or Move Down. |
|
Show Details To edit the details of a link, select it and click Show Details. |
|
|
|
Edit Details Once you click Show Details, you will see the details of the link. Make any changes, and then click Apply.
See the Add to Navigation Bar section above for details on these options.
To make the link invisible, but not delete it, select Hide. |
|
Change categories You can move a navigation bar link from one category to another category. · Select the category you want to move the link from on the Select Category menu, and select the link · Click the << button to move the link out of the category |
|
|
· Select the category you want to move the link to on the Select Category menu (the destination category) · Select the link you are moving the new category to and click the >> button to move it to the new category |
|
|
|
Delete link To remove a link from the navigation bar, select it and then click Delete. |
|
Edit Categories |
|
|
You can change the names of the four navigation bar categories.
Click Edit Categories. |
|
|
|
Change the name of a category, and then click Apply. |
|
Preview Links |
|
|
At the bottom of the screen is a preview of how the links will look on the site – what category they are in and what order they are listed in. |
|
|
Default Categories / Default Navigation Bar |
|
If you ever don’t like the changes you made to your navigation bar categories or the entire navigation bar, you can reset them back to defaults.
Simply click Assign Links to Default Categories or Reset Navigation Bar to Default.
Assign Links to Default Categories will place links in their appropriate categories. Reset Navigation Bar to Default will remove all new links you have created, and add all default links that you removed. |
|
Add eMC Pages |
|
eMerchantClub has created codes for several existing pages on your site, such as listing your promotions, listing your shipping amounts, and more. Many of these will already be on your navigation bar .
If you have removed one, or would like to add another one, follow the instructions above to Add to Navigation Bar , and use the listed filenames in the URL field. Copy the file name (e.g., AboutUs.asp) and paste it in to the URL field when editing a menu item, or adding a new one. |
|
eMerchantClub Navigation Bar Codes |
|
|
About Us AboutUs.asp |
Affiliate Program affiliate/default.asp |
|
Bookmark / Add to Favorites bookmark.asp |
Check Out checkout-ship.asp |
|
Contact Info contact_info.asp |
eCatalog catalog_select.asp |
|
Express Order express_order.asp |
F.A.Q. faq.asp |
|
Forums forums.domainname.com |
Home default.asp |
|
Join Mailing List welcome_new.asp?mailing_list=1 |
My Account account.asp |
|
Privacy Policy privacy_policy.asp |
Products listing.asp |
|
Promotions promotion_list.asp |
Reminders reminder.asp |
|
Search advanced_search.asp |
Return Policy return_policy.asp |
|
Shipping Ship_list.asp |
Shop For Products Under $20 srchresult.asp?max_price_range=20 |
|
Shop For Products Between $20-50 srchresult.asp?min_price_range=20&max_price_range=50 |
|
|
Shop For Products Over $50 srchresult.asp?min_price_range=50 |
View Cart basket.asp |
|
View Gift Registry wishlist_friend.asp |
Wish List wishlist_friend.asp |
|
Add Custom Pages |
|
If you’ve created your own HTML page (created on your computer, using the Page Creator, or using HTML Conversion), you can add that page to your website and have it appear as part of your layout, keeping your site’s look and feel.
First, make sure the file you are adding is included in your Upload Files section. Next, follow the instructions given above in the Add to Navigation Bar section. For the URL field, specify just the filename:
filename.htm
Replace filename.htm with the correct file name.
Examples: links.htm mycustomsite.htm
If you want the new page to appear alone (without your site’s navigation and controls wrapped around it), you should edit the item and remove the code to the left of the filename. |