Model Carousel

Introduction

The Model Carousel component showcases cards of models from a product series in a carousel. Each card can be flipped to display key value differentiators to allow end users to compare models. All information encased in the model comparison component is managed in the series and model content fragments.

A live example can be viewed here (underneath the main hero area). 


Specifications


Character Limit/Usage

This component does not have any text requirements. The component is configured by setting a link to a product series content fragment via the page properties. 

Configuration options inlcude product series content fragment and display compare. Enter the content fragment you wish to display in the carousel into the product series content fragment field. If the display compare functionality is set to no, no compare checkboxes will appear on the carousel.

Image Requirements

This component does not have any image requirements as the images are pulled in dynamically from the product content fragment. 

Video Requirements

This component does not have any video requirements.

Styling

There is no specific styling options for the component. 


SEO Guidance

The title is automatically set as a H3 and cannot be changed. 

If a title is being used above the component, we recommend that the title above the model cards be set as a heading tag level above than the individual model titles. For example, set the title above the cards as H2 (ex: 7 models), and then set the individual model titles as H3s (ex: DS3600-DP, DS3600-DP, DS3600-DPA).

For any images used, we recommend using an image alt text that describes the image.


Use Cases and Style Variations


Need Help?

If you need help with a specific use case for the text jumbo component or need guidance with appropriate configuration, please contact the web team.