Submit a Ticket My Tickets
Login  Sign up

Editing Navigation in the Catalog Editor

Navigation Editing Made Simple

In the Coursedog catalog, there are 2 types of navigations you can create:

  • Topbar: navigation at the top of your catalog

  • Sidebar: navigation on the left or right side of your catalog

The only difference between a Topbar and a Sidebar (besides where they appear on the screen) is that a sidebar can have groups that contain multiple pages, while a topbar can only link to specific pages. 

Creating and Editing Navigations


To edit the navigation panel, click on the Navigation menu item on the sidebar. This brings you to a list of navigations that you can edit and assign to a catalog. 

Click ‘New Navigation List’ to make a new nav or select one of the navigations in the list to make changes. This takes you to a page where you can customize the navigation panel that will appear in the public catalog. Each navigation must be assigned a "Catalog Scope" that indicates the catalog from which pages should be linked. Even if two catalogs contain identical pages, it is necessary to specify a different catalog scope for each of their associated navigations. If the "2020 catalog" is associated with a navigation that has an assigned scope of "2019 catalog" then edits made on the 2019 catalog's pages will appear on the 2020 catalog's website, but changes to the 2020 catalog pages will not.

Below you’ll see an example of a navigation editor for a Sidebar. This looks almost identical to that of a Topbar, except a Topbar won’t show ‘New Group’ under New Links.

What elements can I put in my navigation?

There a multiple different elements that you can include in your navigation. 

  • New Links

    • New Group: a dropdown that contains other links or groups

    • New Internal Link: links directly to one of the pages built in Coursedog’s Catalog Page Editor

    • New External Link: links directly to a defined url

  • Pre-built Links

    • Home: your designated home page

    • Courses: if you are also using Coursedog’s Curriculum tool, this will be an interactive page allowing users to easily find the courses your institution offers

    • Departments: if you are also using Coursedog’s Curriculum tool, this will be an interactive page allowing users to easily navigate your institution’s departments

    • Programs: if you are also using Coursedog’s Curriculum tool, this will be an interactive page allowing users to easily navigate your institution’s programs

How do I add a new element to my navigation?

To add a new link or group, simply select an element from the right side under ‘New Links’ or ‘Pre-Built Links’ and drag it into the navigation. 

To edit an item that currently exists in the navigation panel, click on the edit button on the right of each item. Clicking this button opens up the following modal:


Within this modal, you can make the following changes

  1. Label - this is the label of the navigation element

  2. Page - this is the page that the user is sent to once they click on the navigation element

  3. Slug - this is the ending of the URL for the page. You can modify the slug to be anything you want, as long as it is unique. The slug can only consist of lowercase letters, numbers, and dashes in between. Capital letters cannot be used. 

Note: If you are trying to select a page but it is showing up gray, it has not been published.

To publish the page, navigate to the pages tab, search for the page, click on it and then hit the publish button on the right hand side. This process is thoroughly detailed in the article on editing pages.

How do I make my navigation appear in my catalog?

In order to have your navigation appear in the public catalog, you need to assign it to your catalog. This can be done in Settings->Catalogs. Simply select the catalog you want to assign the navigation to and select your navigation under either 'Catalog Navbar Navigation' or 'Catalog Topbar Navigation.'


Website Settings Navigation Color

A new setting is now available under website settings to specifically control the background color of the navigation top bar, without impacting the color scheme of any other elements. This is the same functionality as what is in the Events Product.


Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.