Product Disclosures Block
The Product disclosures block renders product disclosure content when Shopify provides disclosure data for the current product page. Use it for important structured product information that should remain close to the purchase flow.
Setup Order
- Confirm product dataAdd disclosure data to the product in Shopify Admin before relying on the block for live storefront content.
- Place near purchase detailsPosition disclosures after product title, price, variants, or buy buttons depending on how urgent the information is.
- Choose the disclosure behaviorSet heading, open-by-default behavior, icon style, dividers, and title typography.
- Check empty statePreview a product with no disclosure data and confirm the page does not show stray empty controls.
Key Settings
| Setting group | What to use it for |
|---|---|
| Heading | Add or rename the group heading shown above disclosure rows. |
| Heading typography | Match product form hierarchy with default, H1-H6, or custom typography. |
| Open by default | Expand disclosure rows when the information is critical. |
| Icon | Choose caret or plus indicators. |
| Disclosure title typography | Adjust the row title style without changing disclosure body content. |
| Dividers | Add row separation when multiple disclosures need clearer scanning. |
| Surface overrides | Customize disclosure background, border, hover, radius, spacing, and icon size. |
| Padding | Space the block relative to neighboring product details. |
Placement Guidance
| Content type | Placement |
|---|---|
| Required warnings | Near buy buttons or directly below product options. |
| Care, fiber, or origin details | Below buy buttons or near product description. |
| Long informational rows | Use closed disclosures by default so the product form stays compact. |
QA Checklist
| State | What to confirm |
|---|---|
| Product with disclosures | Heading and rows appear with expected labels and body content. |
| Product without disclosures | No empty disclosure shell blocks the product form. |
| Open by default | Expanded state is intentional and does not push buy buttons too far away. |
| Keyboard | Disclosure rows can be opened and closed with keyboard activation. |
| Mobile | Long row titles wrap cleanly and icons remain aligned. |