Usage Guidelines:
When to Use:
Use when featuring related or similar products
When to Avoid:
Only use for products and services. Do not use for case studies or to tease other documents.
Alternative Options:
C005
Component Active
C006 4-Column Product w/ Carousel
A four-column carousel that shows related or similar products and links to the corresponding page for that product.
Component Detail
This is a four-column carousel that shows related or similar products. Each of the four product boxes in the grid contains a photo and the name of the product, which links to the corresponding page for that product. The entire area is click-able.
Note: Teaser text is not used for the Product Items in this component. Please refer to the C006 Content Authoring Guidelines for more information.
Interactions
CTAs: Each item links to a specific Product Details Page.
Specifications
Max Characters
Headline: 60
Product Title: 75
Image Asset Dimensions
Asset Size: 408px x 408px
Aspect Ratio: 1:1
Recommended File Weight: <25kb
Image Display Sizes
Width: 204px
Height: 204px
Image Aspect Ratios
Desktop: 1:1
Tablet: 1:1
Mobile: 1:1