Large Hero Header - Tshwane Interim
Used to add a hero header to a page.
Content Type Details
- ID: 96
- Name: Large Hero Header - Tshwane Interim
- Minimum user level: Contributor
- Compatible with page layouts: Homepage, Landing Page
A Hero Header that will display at the top of a page. The Large Hero Header can automatically adapt based on user interactions, allowing personalized experiences for different audience segments. Read more about our personalization.
When uploading the three different size images, these are the recommended minimum sizes - Small Image: 768×400 px, Medium Image: 1280×600 px, Large Image: 1920×830 px
Content Type Elements Details
| Name | Description | Size | Type | Required | Conditionally Shown |
|---|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | Yes | No |
| Image - Small | Select the image from media library | N/A | Media | Yes | No |
| Image - Medium | Select the image from media library | N/A | Media | Yes | No |
| Image - Large | Select the image from media library | N/A | Media | Yes | No |
| Heading | Heading (H1) that appears in the box. | 80 Characters | Plain Text | Yes | No |
| Description | Short description that appears in the box. | 200 Characters | Plain Text | No | No |
| Button Text | Enter the text for the Call to Action | 50 Characters | Plain Text | No | No |
| Button Link (internal) | Select a section/content for an internal link | N/A | Section/Content Link | No | No |
| Button Link (external) | Only enter this if you are NOT entering an internal link | 200 Characters | Plain Text | No | No |
| Show Alternate Header | Select the checkbox to show different variation of header. Do not select it for Red Theme version Choose from options: Yes | N/A | Check Box (List: Yes) | No | No |
| Audience | Enter the program type. This is used in unison with the Homepage Program Search, to add personalised versions of the content Choose from options: Default, Undergraduate, Postgraduate | N/A | Radio Button (List: Program Type - Sample Site) | No | No |
Examples
- Default Large Hero without Description or Buttons
- Alternative Large Hero with Description or Buttons
- Default Large Hero with Different Program Type Options