Program Hero Section

Screenshot showing example of Program Hero Section content type.

Content Type Details

• ID: 261
• Name: Program Hero Section
• Minimum user level: Contributor
• Compatible with page layouts: Full Width

Guidance

• Image Selection: Select an image from the media library:
  • Image: This is the main image used for the hero section. The recommended minimum dimensions are 1600 x 900 pixels. You can upload an image of any size, and it will be automatically resized to fit. If the image's shape (aspect ratio) differs from the required 1600 x 900, it will be resized and cropped to fit these dimensions. 
  • Career Pathway Image: The recommended minimum dimensions are 400 x 400 pixels. You can upload an image of any size, and it will be automatically resized to fit. If the image's shape (aspect ratio) differs from the required 400 x 400, it will be resized and cropped to fit these dimensions.
  • Learn more about how automatic resizing and cropping works.
• Education Tracks Bar: The educations tracks bar with radio buttons to allow a user to filter program pathways is populated dynamically used Program Pathway Section content items in the current section.
• Program Pathways: Program Pathway Section content items in the current section are pulled in after the hero automatically.
• Program Listing: Content is pulled in from the Program Hero Section for the Program Listing. The Program Hero Section includes data from Program Pathway Section content items in the current section. The Program Listing is configured using the Program Search Configuration and displayed using the Program Search View content type.
• Related Programs: Add a block of related programs to a page using the Related Programs content type.

Metadata

The image is used for the og:image,  twitter:image, og:image:alt and twitter:image:alt meta tags.

Content Type Elements Details

Name	Description	Size	Type	Required	Conditionally Shown
Name	The Name Element	80 Characters	Plain Text	Yes	No
Program Area	Add the title, this is the main H1 heading on the page	150 Characters	Plain Text	Yes	No
Image	Select an image from the media library. Minimum recommended size: 1600 x 900px	N/A	Media	Yes	No
Career Path	Select the career paths you wish to engage for this program Choose from options: Art & Design, Business	N/A	Multi-select List (List: Career Path)	Yes	No
Program Area Overview	Add the overview for this program	1000 Characters	Plain Text	Yes	No
Add Career Pathway Card	Check to add a career pathway card Choose from options: Yes	N/A	Check Box (List: Yes)	No	No
Career Pathway Link	Select a published News Detail story to link the career pathway title field to that News page.	N/A	Section/Content Link	No	Yes
Career Pathway Title	Add the title for the career pathway card	150 Characters	Plain Text	No	Yes
Career Pathway Image	Select an image from the media library. Minimum recommended size: 400 x 400px	N/A	Media	No	Yes
Card 1 Title	Add title for the first item in the career pathway card	150 Characters	Plain Text	Yes	Yes
Card 1 Description	Add description for the first item in the career pathway card	150 Characters	Plain Text	No	Yes
Card 2 Title	Add title for the second item in the career pathway card	150 Characters	Plain Text	No	Yes
Card 2 Description	Add description for the second item in the career pathway card	150 Characters	Plain Text	No	Yes
Card 3 Title	Add title for the third item in the career pathway card	150 Characters	Plain Text	No	Yes
Card 3 Description	Add description for the third item in the career pathway card	150 Characters	Plain Text	No	Yes
Card 4 Title	Add title for the forth item in the career pathway card	150 Characters	Plain Text	No	Yes
Card 4 Description	Add description for the forth item in the career pathway card	150 Characters	Plain Text	No	Yes

Example

See Program Detail page design.