Product blocks
The product information panel is built with reorderable blocks. Drag and drop blocks to create your ideal product page layout.
Available blocks
| Block | Description |
|---|---|
| Title | Product title (limit: 1) |
| Vendor | Product vendor with optional link (limit: 1) |
| Price | Price, compare-at price, sale/sold-out badges (limit: 1) |
| Variant picker | Option selectors with swatches (limit: 1) |
| Quantity selector | Quantity input with +/- buttons (limit: 1) |
| Volume pricing | Quantity price breaks display (limit: 1) |
| Buy buttons | Add to cart + dynamic checkout + Shop Pay Installments (limit: 1) |
| Description | Full product description (limit: 1) |
| Collapsible tab | Accordion tab with icon, text, or page content (unlimited) |
| SKU | SKU display (limit: 1) |
| Stock indicator | In-stock / low-stock / out-of-stock with threshold (limit: 1) |
| Share | Social sharing buttons (limit: 1) |
| Complementary products | Product recommendations (limit: 1) |
| Size chart | Size chart modal linked to a page (limit: 1) |
| Icon banner | Highlight bar with icon (unlimited) |
| Icon text | Icon + text line (unlimited) |
| Custom Liquid | Custom code (unlimited) |
| @app | Third-party app blocks |
Collapsible tabs
Collapsible tabs can display custom rich text content or pull content from a Shopify page. Each tab can have one of 18 icons (box, chat, check, heart, ruler, truck, etc.) and can be set to open by default.
Buy buttons
The buy buttons block includes:
- Add to cart — main purchase button
- Dynamic checkout — accelerated checkout (Shop Pay, Apple Pay, Google Pay)
- Shop Pay Installments — pay-in-4 banner
- Follow on Shop — Follow on Shop button