web
You’re offline. This is a read only version of the page.
close
Checkmark

Thank you for your feedback

Changing navigation button order in Store Editor

Learn how to re-arrange your navigation buttons and navigation bar.

Article ID: SLN29214

Note: The steps below are for stores using Design Wizard based templates.

Navigation buttons appear across the top of your store pages.
Picture of Store Editor 3.0 Navigation buttons

Store Editor allows you to customize the order of navigation buttons on all pages using a variable (Nav-buttons).

You can edit the order of navigation buttons directly on the Home page in Edit mode, or you can override the Nav-buttons variable on any page to customize the order of buttons on a specific page. Since navigation buttons should be consistent between pages to make it easy for visitors to navigate your site, we recommend you edit the Nav-buttons variable on the Variables page to make the order consistent across all pages.

Jump to:

 Change the order of standard navigation buttons on all pages

  1. Sign in to your My Services page.
  2. Click the Store link.

  3. Go to Store Editor.
    The Store Editor link is under Edit.
  4. Go to Variables.
    The Variables button.
  5. Next to Nav-buttons, click the Change button.
    The Nav-links Change button.
  6. On the Edit List Position page, enter new values for the button(s) you wish to move then click the Update button.
    The Edit List Position page.
  7. Click the Update button to return to the Edit view of the page. Your changes should appear.
    The Update button.
  8. Publish when ready. Note: Making changes in Variables requires a full publish.
    The Publish Options button.

NOTE: For Store Editor 3.0 templates, only Home, Info, Privacy, Email, Index, and Show-order are valid options. These changes are made to all navigation bars throughout your store with the exception of any pages with variable overrides.

 Change the button order on a specific page

  1. Sign in to your My Services page.
  2. Click the Store link.

  3. Go to Store Editor.
    The Store Editor link is under Edit.
  4. Navigate to the page on which you wish to change the button order.
  5. Click the Edit button.
    The Edit button.
  6. Click the Override Variable button at the top of the page.
    The Override Variable button.
  7. On the Override Variable page, select Nav-buttons from the pull-down menu the click the Update button.
    The Override Variable page.
  8. The Edit view of the page loads again and the Nav-buttons variable override appears in the Custom Properties section. Click the Change button.
    The Custom Properties section.
  9. On the Edit List Position page, enter new values for the button(s) you wish to move then click the Update button.
    The Edit List Position page.
  10. Click the Update button to return to the Edit view of the page. Your changes should appear.
    The Update button.
  11. Publish when ready. Note: Making changes in Variables requires a full publish.
    The Publish Options button.

This change affects only the navigation buttons on the page you edited. Repeat these steps to make changes to additional pages.

NOTE: For Store Editor 3.0 templates, only Home, Info, Privacy, Email, Index, and Show-order are valid options. These changes are made to all navigation bars throughout your store with the exception of any pages with variable overrides.

 Change the order for section links

The order of sections in the left navigation bar is set in the Contents variable field of the Home page.
The left navigation bar.

  1. Sign in to your My Services page.
  2. Click the Store link.

  3. Go to Store Editor.
    The Store Editor link is under Edit.
  4. Navigate to the Home page.
  5. Click the Edit button.
    The Edit button.
  6. Locate the Contents field.
    The Contents field.
  7. Re-order the section IDs in the field to change the order of buttons on the navigation bar.
    The Contents field with IDs rearranged.
  8. Click the Update button to return to the Edit view of the page. Your changes should appear.
    The Update button.
  9. Publish when ready.
    The Publish Options button.

See Also: