50/50 by 3 Grid
Layout Variant: C065
Content Type: Collection
| Teaser Title | Teaser Text | Pictures and Media | Items | CTAs |
C065 Collection | No | No | No | Yes | No |
Left Item (1) | Yes | Yes | Yes | -- | No |
Right Items (2) | Yes | Yes | Yes | -- | Yes |
Aspect Ratio:
Expected Use:
This is a two-column, 50/50 text and image tile combination, featuring three content blocks used primarily to for product or service features. The tile on the left shows an image with a headline that speaks to the entire component and paragraph text that communicates an overarching value or reason to believe. The text blocks provide more detail, with the small header text identifying the feature and the large body text describing the user benefit or offering an action the user can take.
The first item fills the left column, the second and third items fill the right column. Option to add links in one or both right column text blocks. Icons are optional. Responsive: Column 1 stacks above column 2 on mobile.
Building the Component:
As the is no headline or body copy for the overall component, there is nothing in the C065 collection other than Items to build the three parts of the component. Set the Layout Variant to C065.
Items in the component:
- First Item - the left half of the component is built from the first Item added to the Items List of the C065 Collection. This is a Teaser.
- Teaser Title - Bold Headline Copy
- Teaser Text - Body copy shown below the headline
- Pictures and Media - Image shown at the top of the block
- CTAs - there are no CTAs on the left half of the component
- Second and third Items - the top right and bottom right component is built from the second and third items added to the Items List of the C065 Collection. These are Teasers.
- Teaser Target - add your Page or Product you are teasing
- Teaser Title - All caps label at the top of each block
- Teaser CTA Label - not used
- Teaser Text - Large text in the center of each block
- Pictures and Media - Icon shown on the left of each block
- CTAs - You can add a Custom Call-to-Action Label. If you leave as Default, the bundle entry will be used and show as "Learn More". The "Linked Call-to-Action Label" does not work in this component.
Bundle Entries:
- button_read_more - shows the default CTA label as "Learn More" if no CTA Label is defined
