Product Information Blocks
Product information blocks render the core product details around the purchase flow: Product title, Price, Product description, and SKU.
Setup Order
- Start with product dataConfirm title, description, pricing, compare-at price, unit price, SKU, and tax requirements in Shopify Admin.
- Place blocks in reading orderUse title, price, variants, quantity, buy buttons, and description in a predictable order unless the design needs another sequence.
- Tune typography sparinglyUse global typography presets first, then custom block typography only when this product form needs a specific hierarchy.
- Check responsive wrappingReview long titles, sale prices, multi-line descriptions, and empty SKU states on mobile.
Blocks
| Block | Use |
|---|---|
| Product title | Shows the selected product title with width, alignment, typography, wrapping, shadow, color, and padding controls. |
| Price | Shows selected-variant price, sale price, compare-at price, installments, and optional tax information. |
| Product description | Renders rich text from the product description or block text fallback with layout and typography controls. |
| SKU | Shows the selected variant SKU with optional label and empty-state text. |
Product Title
Use the Product title block for the primary product heading inside a product form. Keep the title visually close to price and variants so customers understand which product and selected state they are buying.
Price
Use the Price block to show selected-variant pricing. The block can show sale price first, installments, and tax information. Review price display with sale, regular, unit-price, and market-specific products.
Product Description
Use Product description for important product copy that belongs near the purchase decision. If the page has long storytelling content, keep that in separate content sections so the product form remains scannable.
SKU
Use SKU for stores where style numbers, manufacturer references, or warehouse IDs help customers and support teams. Confirm variants have SKU values if you enable this block.
QA Checklist
| State | What to confirm |
|---|---|
| Sale product | Sale and compare-at prices are readable and ordered as expected. |
| No SKU | Empty-state text is acceptable or the SKU block is removed. |
| Long title | Wrapping does not collide with price, variants, or buttons. |
| Rich description | Lists, links, and paragraphs stay readable on mobile. |
| Market/tax context | Tax and installment text appears only when enabled and legally appropriate for the store. |