The Product Detail Card component is a standard component that displays the product information and options on the product page. It includes the following elements1:
The product’s SKU
The product’s unit of measure
The product’s available inventory, or a generic availability message, if specified
The product’s shortdescription
The product’s price information
The product’s quantity selector
The product’s add to cart button
The product’s image gallery
To replace this component with custom components, a developer can use the following three components:
Product Fields Short component: This component displays the product’s short description, SKU, unit of measure, and price information. It also allows the developer to specify which fields to display and how to format them2.
Product Field Long component: This component displays the product’s long description, which can include rich text and images. It also allows the developer to specify which field to display and how to format it2.
Product Detail Image Gallery component: This component displays the product’s image gallery, which can include multiple images and thumbnails. It also allows the developer to specify the image field, the image size, and the image zoom option3.
These three components can be combined to create a custom product page that shows the product information and options in a different layout and style than the out-of-the-box Product Detail Card component. References: Configure Product Info and Options on the Product Detail Page, Product FieldsShort Component, Product Detail Image Gallery Component
Submit