Hero Compact
Component Overview
The Hero Compact is one of three components that you can get out of the 'Hero Full or Compact' component. This hero is the shortest hero that you can add an image to and have it appear on the site unobstructed (the Gradient Hero, while vertically shorter, adds a gradient over the top of the image).
The Hero Compact only has one field, and that's to add a photo or video. This component gets its copy from the Page Title and Page Description fields in the parent page.
Note that there is no component specifically called 'Hero Compact' in Sitecore. To get this component, you need to add the 'Hero Full or Compact' component.
Component Location
Hero → Hero Full or Compact
Component Overview
Supported Templates & Placeholders
Template | Placeholder |
---|---|
Article Detail Page |
/maincontent/hero-content
|
Detail Page |
/maincontent/detail-page-nav/hero-content
|
Experience Landing with Nav |
/maincontent/hero-content
|
Experience Landing Page |
/maincontent/hero-content
|
Experience Interior Nav |
/maincontent/interior-nav-content
|
Experience Right Rail Page |
/maincontent/hero-content
|
Recommended Image Size
1500x1000 @72DPI
Character Limits
Title: 100
Body: 280
How to Use
- In the Page Content folder, locate and add the 'Hero Full or Compact' component
- Ensure that your Page Title and Page Description are entered correctly in the parent page
- Select your image
- In the Details pane for the page in which you want to add a Hero Compact, navigate to the 'Hero' folder and select 'Hero Compact'
- Point the Source field to your 'Hero Full or Compact' that you added earlier
Component Example
To see how the component will display on different types of screens, select the button below.
Component Type
Hero
ABOUT THE COMPONENT
- Component Type: Hero
- Rich Text: No
- Images: Yes
- Video: No
- Buttons: Yes
- Links: No
- Icons: No