In the Site Builder, you may edit your site’s navigation. You can add an unlimited number of custom pages, links, or menus to display. You can also elect to hide built-in navigation items, such as the archive, if you prefer. For steps to edit various aspects of your navigation, follow the links below:
Adding a Link to your Navigation
Adding a Custom Page to your Navigation
Adding a Menu to your Navigation
Hiding a Built-in Navigation Item
Editing the Archive navigation menu
How do I change the order of the links in my navigation?
Renaming navigation labels
Integration Pages (Vimeo, Instagram, Blog)
Adding a Link to your Navigation
If you have a blog or separate site you’d like to link to from your PhotoShelter site, you can add an outbound link in your navigation settings. To set that up, follow these steps:
1. Enter the Site Builder.
2. Click on the blue edit icon that says “navigation” when you hover over it.
3. On the left, click the “add to navigation” button and choose “link.”
4. Fill in the URL you’d like to link to (be sure that the “http://” isn’t duplicated) and add your desired navigation label. Click the “+add” button.
5. If you’d like to rearrange your navigation labels, you can drag-and-drop in the Left Pane.
6. When you’re done, be sure to save.
Note: You can also add navigation links to specific galleries or areas of your PhotoShelter site. In step 4, you’d simply paste in the link to that page of your site.
Adding a Custom Page to your Navigation
Custom pages are blank slates with a text editor that will allow you to input your desired text. To create a new page, follow these steps:
1. Enter the Site Builder.
2. Click on the blue edit icon that says “navigation” when you hover over it.
3. On the left, click the “add to navigation” button and choose “page.”
4. Fill in your desired navigation label and then click “+add.”
5. If you’d like to rearrange your navigation labels, you can drag-and-drop them in the Left Pane.
6. Once that’s been added, be sure to save.
7. To add content to your newly created page, click on the name of the page in your navigation area. The page should open.
8. Once you’re in the page, click the blue button that reads "Content Area" when you hover over it. You’ll then be able to fill in your desired page content in the text editor.
9. When you’re done, click the save button on the Left Pane.
For more info on working with custom pages, check out this article.
NOTE: Editing the Page URL for an existing custom page on your site will delete its contents. Prior to editing the URL, we recommend saving the content of your page locally, or creating a new custom page using your preferred URL. You can copy a custom page's contents by switching into the HTML editor view using the <> key in the formatting toolbar within the Content Area.
Adding a Menu to your Navigation
If you’d like to nest navigation items under a drop-down label, you can elect to create a menu in your navigation settings. To create a menu, follow these steps:
1. Enter the Site Builder.
2. Click on the blue edit icon that says “navigation” when you hover over it.
3. On the left, click the “add to navigation” button and choose “menu.”
4. Enter in your desired menu label and click “+add.”
5. Now that you’ve created your menu, you can drag and drop pages and links into the menu on the left pane.
6. When you’re done, click the green save button.
Hiding a Built-in Navigation Item
Our templates include several built-in navigation items, such as the archive menu and contact page. If you’d like to hide one of these items, follow these steps:
1. Enter the Site Builder.
2. Click on the blue edit icon that says “navigation” when you hover over it.
3. On the left, drag the item you’d like to hide down to the list of “hidden navigation items.”
4. Click the green save button.
How can I edit the Archive navigation menu?
The built-in archive menu includes links to your listed galleries and collections, search page, cart, lightboxes, and client area, and is not editable. However, you may choose to hide it altogether and create a new menu for any of the pages in the menu that you still want to link to.
For example, if you only want the Archive menu to link to your listed galleries and collections and the search page, here’s what you can do:
1. Visit your PhotoShelter website and navigate to both your "All Galleries" and "Search" pages in the "Archive" menu. Copy and save the URLs to those pages.
2. Enter the Site Builder and click on the blue edit icon that says “navigation” when you hover over it.
3. On the left, click the “Add to Navigation” option and choose "Menu." You may label this menu "Archive," or call it whatever you like.
4. Click the “Add to Navigation” option again, and this time choose to create a "Link". When you do this, you will be asked for the "Link URL," as well as the "Navigation Label." Using our example, place the URL for your "All Galleries" page that you copied and saved earlier into the URL field. Be sure that the "http://" portion of the link is not duplicated. Label the page however you like (e.g. “All Galleries”).
5. Repeat step 4 for the link to your "Search" page or any other pages you'd like to include. Create another new link for your search page.
6. Drag the new links into the new menu you created in step 3 so they are nested in that menu.
7. Drag the built-in Archive menu into the “Hidden Navigation Items” area.
6. Save your work, and you’ll be all set!
Renaming navigation labels
To rename one of your navigation labels (such as "Archive), follow these steps:
1. Enter the Site Builder.
2. Click the blue edit icon that says “navigation” when you hover over it.
3. On the left, hover over the label you'd like to edit and click the pencil icon.
4. Enter your desired new navigation label.
5. Click the save button in the window and then save once more in the left pane.
How do I change the order of the links in my navigation?
To adjust the order of your navigation items, follow these steps:
1. Enter the Site Builder.
2. Click the blue edit icon that says “navigation” when you hover over it.
3. On the left, drag and drop the navigation labels into your preferred order.
4. When you're done, be sure to save.
Integration Pages (Vimeo, Instagram, Blog)
We offer three built-in integration pages, which can be found in your navigation settings. For more details on how these work, check out the articles linked below: