ProductCard
ProductCard
Product information adapted into a card.
Properties
ctaAriaLabel
string
Accessible product action label; defaults to the action label and product name.
ctaText
string
Product action label; defaults to View on {merchant} when a merchant is provided.
description
string
Product summary rendered in the card body.
image
Image used by the owning object.
link
Product destination.
merchant
string
Merchant offering the product.
name
string
Product display name.
price
string | number
Product price or pricing information.
Example
Required
{}
Full
{
"ctaAriaLabel": "View on Amazon: Birds of Utah",
"ctaText": "View on Amazon",
"description": "A field guide to birds found throughout Utah.",
"image": {
"alt": "The Acme team working together",
"aspectRatio": "16:9",
"badge": "example",
"caption": {
"credit": "example",
"subtitle": "example",
"title": "Example"
},
"centerOffset": {
"x": 50,
"y": 40
},
"class": "example",
"fetchPriority": "high",
"lightbox": false,
"link": {
"href": "/example",
"newTab": false,
"nofollow": false,
"sponsored": false
},
"loading": "lazy",
"maxWidth": 0,
"src": "/images/team.jpg",
"width": 0
},
"link": {
"href": "https://example.com/product",
"newTab": true,
"nofollow": false,
"sponsored": false
},
"merchant": "Amazon",
"name": "Birds of Utah",
"price": 399
}
examples are generated from the schema.