Gradient Hero
Component Overview
The Gradient Hero is the most basic tool in the Sitecore toolbox. This hero only has one field for images, and it takes the rest of its information directly from the page title and page description of the page itself. There are a number of images in the Media Library that work great for the Gradient Hero, just search "gradient-hero."
Component Location
Hero → Gradient Hero
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
1500x800 @72DPI
Character Limits
Title: 100
Body: 280
Additional Notes
The Gradient Hero does not have its own fields for copy, rather it pulls its copy from the Page Title and Page Description fields in its parent page. The only user-selectable field in this component is the background image.
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