Common Use Cases
Worked examples for common things you'll want to build - at least one for every block type, beyond the starter example already shown on each type's own page.
| Use case | Block type(s) |
|---|---|
| Header with a Search Bar | Header |
| Footer Tab Bar with a Free Shipping Message | Footer |
| Drawer Menu with a Customer Greeting | Drawer Menu |
| Showing a Merchant-Selected Product | Section, Page |
| Showing Several Merchant-Selected Products | Section, Page |
| FAQ Page with Expandable Answers | Page |
| Showing Metafields on a Product Display Card | Product List Item Display Card |
| Collection Row with Description and Loading State | Collection List Item Display Card |
| Discount Percentage and Sold Out Sticker | Product Sticker |
| Product Specifications from Variant Options and Metafields | Product Information |
| Reward Progress Bar Based on Live Cart State | Any (useCart() isn't tied to a specific block type) |
| Executing Actions Programmatically | Any (remoteAction isn't tied to a specific block type) |