Submit a ticket My Tickets
Login  Sign up

Building and Assigning Custom Page Templates

If you are using Coursedog's Curriculum Product along with your Catalog, you will want to determine how the pre-built Course and Program pages are displayed. Fortunately, Coursedog provides you with an extremely flexible template editor that can be used to apply a consistent style across all course & program pages in the catalog.

Building Page Templates

Navigating to Page Templates

In Catalog Settings, there is a tab called "Page Templates", where users can add or edit these templates:

Create a template from scratch by clicking the "NEW TEMPLATE" button at the top of the page, or edit an existing template by selecting an option from the list.

Building Page Templates

When creating a new page template you will first need to specify the "Type" of template that you are creating. There are two options to select from: Course and Program

Once you create a template you will be greeted with the following interface:

Adding Fields

On the left hand side you will find the inputs that you can drag into the template. There are two options:

1. Custom Fields - these fields allow you to define content that will display on the course page directly in the template builder. There are two different custom fields to choose from:

             - WYSIWYG Editor allows you to define a text box with tables, images and more (learn more about the                            WYSIWYG Editor here). To use the WYSIWYG editor, drag the custom field into the template, then click on it. This will display the following menu:

                "SET DEFAULT VALUE" will allow you to define the content you would like to be displayed across all pages of                 the template's type:

                "ADD ACTION" will allow you to make exceptions by defining which pages should not receive the default                         value and defining an alternative option:

                - Custom Heading will allow you to define a header on the template. After dragging the field  into the                             template, enter the header title you wish to add in the "question title" section:

                The heading will display on the public view as an H2:

2. Template Questions - These fields are pulled directly from the associated template in curriculum (read more about the course and program templates):

Some of the fields have nested data which can also be modified. These fields include: 

  • Requisites
  • Components
  • Topics
  • Specializations
  • Degree Maps
  • Credits

When a field with nested data is added, a drop down will appear on the field in the template:

Simply click on this dropdown to expand the settings and edit visibility.

Adjusting Display

The template itself consists of two types of components: fields and cards. 

Fields - Are simple the custom fields and template questions described above. Fields can be dragged around the template in order to allow you to adjust the order in which they display.

Cards - Contain a set of fields and include a header. Here you can see the "General Information" card with some fields inside of it:

        Note: The name of the card can be edited at any time, simply click on the name to change it

At the bottom of the page there is an option to add another card:

Fields can be moved between cards at anytime. The primary purpose of a card is to intuitively group fields together for the viewer. Here is an example of the public view of the general information card:

Assigning Page Templates

Each catalog must be assigned a course and program template in order to display curriculum fed data. This is done in the "catalogs" tab under "catalog settings"

In order to assign page templates to a catalog, click on the catalog you wish to edit in the table. This will pop-up the "Edit Catalog" modal where you will find the "Catalog Course Page Template" and "Catalog Program Page Template" drop downs:

Assign these to the appropriate template and all courses and programs that are pulled into that catalog will reflect the layout you have defined!

Did you find it helpful? Yes No

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