Note: The following page outlines variables that are only found in the 2.0 version of the Store Editor. If you do not see this section of variables, you are using the 3.0 version of Store Editor and can focus on variables specific to Store Editor 3.0.

The Store Editor version 2.0 gives you the option of displaying your navigation bar either vertically (side-buttons) along the left side of your pages or horizontally along the top of your pages.

Position of Navigation buttons

• Side-buttons (default) - appear along the left-side of pages. Width of sidebar background determined by the width of the longest button name plus button padding plus the button edge width value.
• Top - appear along the top of the page below the header area. With top buttons, the width of the page is determined by the number of buttons and their width and padding along with the button edge width value. Note: Top buttons is not recommended if you will be changing button names as names of various length will affect page widths. Adjust the button edge width value to maintain page width when changing button names.

Note: In the top-buttons format, the same buttons appear in the navigation menu as with side-buttons and thus the page width is extended horizontally. If you have too many buttons with this format, your page width may require visitors to scroll sideways to view the page which is considered poor design. If your site requires this many buttons consider using the side-buttons page format or reducing the button-padding, button edge width and text to reduce the width of the navigation bar.

Change the position of your navigation buttons

1. Sign in to your My Services page.
2. Click the Store link.
   
3. Go to Store Editor.
   
4. Go to Variables.
   
5. In the Page Layout section, select one of the following from the pull-down menu of the Page-format field:
   • Top-buttons - display horizontally across the top of the pages
   • Side-buttons - display vertically down the left side of the pages
     
6. Click Update when finished to return to the Edit view of the page.
   
7. Publish when ready. Note: Changes made in variables will require a full publish. Learn more.
   

Many advanced sites wish to display both a top navigation bar and a side navigation bar. This format is typically for sites with both a depth and breadth of content. For example, Amazon.com displays a row of tabs along the top to departments (books, toys, etc.) but also displays links to categories within the department along the left. To implement such a navigation scheme in the Store Editor you would either need to explore custom RTML templates or insert formatted HTML into the message field (or a similar field that accepts HTML) for pages in your Store.

See Also:

• Changing button color, padding, width, text size, font, and style
• Configuring navigation buttons overview
• Changing navigation button order
• Removing navigation buttons
• Editing button text
• Using custom button images
• Removing the Yahoo Shopping logo