Full-width Thematic Lock-up w/ Featured Callout and Inset Carousel

Layout Variant: C075 / C076 /C077

Content Type: Collection


Teaser Title

Teaser Text

Teaser CTA Label

Pictures and Media

Items

CTAs

C075 Collection

No

No

--

No

Yes

No

First Item C076 Teaser

Yes

Yes

Yes

Yes

--

--

Second Item C077 Collection

No

No

No

No

Yes

No

Item(s) On C077

Yes

Yes

No

Yes

No

Yes


Aspect Ratio: 

  • 3:4 (C076 Background Image)
  • 4:3 (C077 Carousel Image)

Expected Use:

A multi-component assembly (C075, C076, C077) used to highlight related or associated themes, such as Careers at Emerson and the STEM initiative. Must contain both C076 and C077 items in the C075 main Collection. C075 represents the complete experience, while C076 and C077 are sub-elements of C075. C076 represents the left column in which a headline, body copy, and CTA tease a section of the website, while C077 includes a (optional) carousel to tell a mini-story about the theme. You must use all three components to achieve the intended result.

Setting up the main C075 Collection:

The only entries required on the C075 Collection are the two Items in the Items list and the Layout Variant set to C075. There is no Teaser Title, Teaser Text or any other selection required on the C075 Collection. You will drop in the C076 Teaser as the first Item in the Items list and the C077 Collection as the second Item in the Items list. The component knows how to style based on this order of the Items. There are no CTAs in the main C075 Collection.

Setting up the C076 Teaser (left half of component):

This Teaser functions as you would normally expect. Build the Teaser as follows:

  • Add a Teaser Target of the Page or other content you want the user to go to when they click on the CTA.
  • Your title is the Teaser Title 
  • Your body copy is the Teaser Text
  • Your CTA label (green text hyperlink) is controlled by the "Teaser CTA Label"
  • Add a Picture to the Teaser for the image that is shown
  • Set the Layout Variant to C076

Setting up the C077 Collection (right half of component):

The C077 Collection is an optional carousel. If you add one Item it will be a static component with the single Item showing. By adding multiple Items in the Items List of your C077 Collection, the right half of the C075 becomes a carousel. While many types of CoreMedia Documents may be used in the Items list (i.e. any teasable Document type such as Page, Teaser, Video, Download, etc.) it is best practice to use a Teaser, although a couple of additional examples are shown below. Remember to set the Layout Variant of your C077 Collection to "C077".

  • Teaser (best practice)
    • Add a Teaser Target of the content you want the user to go to when they click on the CTA (Page, Video, External Link, etc.)
    • Your Title is the Teaser Title
    • Your body copy is the Teaser Text
    • The "Teaser CTA Label" is not used
    • Set the "Call-to-Action Button" radio button to "Use Custom Call-to-Action Label" and add the text you wish to display for your CTA label (white text in green CTA box).
    • Add a Picture to the Teaser for the image that is shown
  • Video
    • Add a "Video File URL" which is your intended action (eg. YouTube video)
    • Your Title is the Teaser Title
    • Your body copy is the Teaser Text
    • The "Teaser CTA Label" is not used
    • Set the "Call-to-Action Button" radio button to "Use Custom Call-to-Action Label" and add the text you wish to display for your CTA label (white text in green CTA box).
    • Add a Picture to the Teaser for the image that is shown in the component
Please enable JavaScript to use this website.