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 |