Usage Guidelines
When To Use
Use to feature applied solutions and related product content.
When To Avoid
Avoid using for content not related to solutions, product listings, or when not featuring impactful content.
Alternate Options
N/A
Component Active
C089 Featured Content with Product List
An interactive component used to highlight applied solutions in action and featured content and/or relevant high impact links.
Component Details
The C089 component provides a thorough overview of a specific applied solution. This component allows for an SEO-rich, long-form detailed description that is truncated on page load and expanded to reveal full content via the Read More toggle. It is fully authorable and does not pull any content or product information from the catalog.
This component also features an expandable right column that highlights up to eight featured content items or high impact links associated with the given applied solution. Three items will display automatically on page load. When more than three items are present, the column will include a “Show More” toggle users can click to expand the column to reveal all items. Each item in the list supports an image, title, description and Text CTA (can link to a product’s PDP or other high value link).
The right column should be used to showcase content that’s related to component’s primary content. For an applied solution use case, the right column can showcase featured products, relevant software applications, or link out to case studies or events. This column is fully authorable and can be customized to the needs of the content author.
Interactions
Read More and Show More toggles expand their respective sections to reveal all contents within their groups (*Note: Show More can be collapsed again by clicking Show Less, but Read More cannot be collapsed again after expanding).
Optional CTA button drives users to a related Product Application Page or other relevant internal or external child page as applicable.
Product listing Text CTAs drive to their associated product detail pages.
Specifications
Max Characters
Main Headline: 80
Main Body Copy: 500–2000
Main CTA: 25
Product Title: 100
Product Description: 160
Product CTA: 25
Main Image Asset Dimensions
Asset Size: 1200px x 675px
Aspect Ratio: 16:9
Recommended File Weight: <50kb
Main Image Display Size
Width: 900px
Height: 512px
Main Image Aspect Ratios
Desktop: 16:9
Tablet: 16:9
Mobile: 16:9
Product Image Asset Dimensions
Asset Size: 160px x 160px
Aspect Ratio: 1:1
Recommended File Weight: <15kb
Product Image Display Size
Width: 80px
Height: 80px
Product Image Aspect Ratios
Desktop: 1:1
Tablet: 1:1
Mobile: 1:1