H005 Hero with Stock Ticker

Layout Variant: H005

Content Type: Collection

Aspect Ratio:

• 10:3, 4:3, 5:3

Expected Use:

This Hero's primary use is to convey focused Investors content with a Stock Ticker on featured landing pages. A micro-graphic or static image may be used in the background. This is Hero is used for a dramatic web page experience to showcase mainly Investors' related information. 

The H005 component dynamically pulls relevant stock information and displays it within a right-aligned content card in the hero. Separate from the stock ticker content card, content editors have the ability to add supporting content in the form of an H1 title, body copy, and up to 2 CTAs. Use H005 at the top of a relevant web page to provide up-to-date stock information. 

How to Build:

The H005 is set up as a Collection. This Hero is styled by setting the Layout Variant of the collection to "H005" while the Layout at the Page level for the Hero is set to "Default" on the Placement section. Your Collection should have the following components:

• Create a Collection for each of the two Items for the Left Side of Hero and Right Side of Hero  
• Teaser Title - The Heading shown on top left side of the image
• Teaser Text - The body copy shown below the Teaser Title.
• Teaser CTA Label - This defaults to "Learn More" if no "Call-to-Action-Button" is defined.  
• Call-to-Action-Button - These are the green CTA buttons under the body copy. 
  • Set to "Linked-Call-to-Action" and add a Page, Video, External Link or Download Document for the CTA destination (other teasable content could be used here).
  • The CTA Label comes from the Linked Item. If no Teaser CTA Label is defined, the CTA label defaults to "Learn More". Up to two linked CTA's can be added.
• Items - Add the Stock Ticker Placeholder to be displayed on the Hero. 
• Pictures and Other Media - Add the image that will be shown on the Hero.
• Layout Variant is "H005". If this is not set on the Collection level, only the Stock Ticker will be displayed. 

Note that authors also have the option to pick and choose the background for a Hero styled as a collection via the Background Color section of the Content Tab. However, background modifications on H005 are not visible.