Page Comparison

...

Over describe the product
- The rest of the page is available to list more details
Use on any page that isn’t a PDP
Use multiple instances of this component on a single page.
Include too many product images

Anatomy

...

Item	Component / type	Notes
1	Breadcrumbs	Breadcrumbs are a M4 component - not yet implemented
2	Typography	Product name
3	Typography	Sub heading (product variant)
4	Typography	Description
5	Typography	CTA Block label
6CTA	BlockVariant selector	Not part of MVP? These are links not buttons and need to be disabled if certain product variants are unavailable.
7	Typography	DisclaimerRetailer links	Variant of link or different component?
8	Image carouselDisclaimer
9	Image carouselCarousel

See Figma for full list of variants.

...

Item	Type	Notes
Breadcrumbs	Text	As discussed in breadcrumbs spec - need a way to control level (product variant not needed)
Heading	Text
Sub heading (product variant)	Text	Needs to be dynamic - Changes depending on selection at CTA Block level based on url
Description	Text
CTA Block labels Should CTA block be a form in this instance?		Will be dynamic, some options may become unavailable depending on selection Needs to be dynamic Changes based on url Some options may not be available and need to be presented as 'disabled'
Disclaimer	Text
Carousel	Image	Needs to be dynamic - Changes depending on selection at CTA Block level
Carousel	Alt text	Need to determine if this is decorative of informative Could make the call that this instance of Carousel is always decorative

Accessibility requirements from CTA Block Variant Selector and Carousel still apply

Heading Control: Can we programmatically determine headings so that the content is properly?

...

...

n/a