Anchor | ||||
---|---|---|---|---|
|
Hero Banner
Table of Content Draft Space The Hero Banner component is one of three component options that can be used as the first component on a home page. For this reason it is listed as a home page type. Hero Banner allows for a landscape photo with a text overlay to be featured along with a 'Call to Action' link.
Note |
---|
|
Info | ||||
---|---|---|---|---|
| ||||
Becoming Familiar with the Interface: Sitecore Advanced Editing Components Interface Home Page Components: Content Page Components: Image List and Image Grid Components |
How to Edit an Existing Hero Banner Component
- Hover over the body of the component. (see image below)
2. Select the pencil icon. (see image above)
Tip |
---|
Is the editor taking a while to open? Try double-clicking the pencil icon. |
3. Select Browse. (see image below)
4. Navigate to the image. (see image below)
5. Select the image. (see image above)
Info | ||
---|---|---|
| ||
|
Expand | ||
---|---|---|
| ||
To Upload a New Image 1 |
. Select Upload Media.(see image below) |
2. Select Change Destination to confirm you are uploading to the correct folder. (see image below) |
3. Select your departments image folder. (see image below) |
4. Select Confirm.(see image below) |
5. Select Browse for media files. (see image below) |
6. Select the image from your computer. 7. Select Open. 8. Type in Alternative Text. (see image below) |
9. Select Upload media. (see image below) |
10. Select the image. (see image below) |
|
6. Select Select.
7. Fill in the following fields:
a. Title: This will be the title that displays with the image.
b. Description: This will be the text that displays with the image.
c. Link URL: This is where you insert the URL for the Call to Action button.
d. Link Text: This will be the text that will display on the Call to Action button.
e. Open in New Tab: Make sure Open in New Tab is selected.
Tip | ||
---|---|---|
| ||
To remove a Title, Description, Link URL, or Link Text included in the Hero Banner, leave the appropriate field(s) blank |
. Also be aware that each field has a different character limit. |
8. Select OK.
9. Select
thethe gear icon to customize the Hero Banner. (see image below)
a. Theme: This will give you options to change the look and feel of the slide show.
b. Opacity: Move the slider to make the overlay darker or lighter.
c. Text Position: This setting will change the position of the text.
d. Save: Select Save if you have made any changes.
Tip |
---|
Setting the opacity higher than 60% may make the text hard to read |
Note | ||
---|---|---|
| ||
Please click this link to give feedback for this documentation and using Sitecore Advanced Editing Components: User Survey |