Commerce blocks
Product Details
Customize the product detail page layout and information display. This block integrates with Adobe Commerce to provide a seamless shopping experience for your customers.
Version: fix-headers
Document authoring configuration
Modify the values in the second column to customize the block’s behavior. You can remove any rows for properties you don’t need to configure.
| product-details | |
| Hide Selected Value | ’false’ |
Section metadata
Control the section styling that wraps your commerce block using the section metadata table:
| section-metadata | |
| Style | light, highlight (optional) |
Learn more: See the Section Metadata guide for complete styling options and the Page Metadata guide for SEO, caching, and social sharing options.
Configuration properties reference
The table below describes each configuration property in detail:
| Property | Default | Req? | Description |
|---|---|---|---|
hide-selected-value | ’false’ | No | Controls whether the selected option value is hidden in product options. |
Tips for merchants
- Use document authoring to configure this block without writing code.
- Test configuration changes in preview before publishing to production.
- Configure product attributes to match your catalog structure.