Product Details

Customers view product information, select options, and add items to cart through this block. Place it on product detail pages.

Configuration

Add this table to your document to configure the block:

product-details
defaultSku	SKU-001 (optional)

Property descriptions

defaultSku

Specifies a default product SKU for the product details block. Use this when creating a template page that displays a specific product by default. The block loads the product matching this SKU when the URL omits a product SKU.

Section metadata

Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:

section-metadata
Style	light (optional)
Padding	medium (optional)
Margin	small (optional)
Column Width	30% (optional)
Gap	small (optional)

Learn more: See the Section Metadata guide for all available values and the Page Metadata guide for SEO and caching options.