No. 03 · Section · v1.0.0
Coffret
Let them build the box.
Shoppers fill a box from a collection, watch savings tiers unlock, and add the whole box to the cart in one request.
Code complete · live Shopify store test pendingPreview shown with demonstration products and imagery from a fictional store, to show how the section can look once installed and configured. Included files and features are detailed below. The demo bag doesn't touch your Maisonblock bag.
What it does
Coffret is a build-your-own-box section. Shoppers pick products into a box with a fixed number of slots, a progress ladder shows the next savings tier, and a free gift unlocks at a set count.
Undo, clear, ready-made boxes, gift wrap with a message and shareable box links are built in. The whole box is added with one cart request and the cart drawer re-renders in the same request on Horizon and Dawn.
Features
- Savings tiers with a progress ladder
- Free gift at a set count
- Ready-made boxes, Undo and Clear
- Gift wrap with a message
- Shareable box links
- One cart request for the whole box
You'll need
- Shopify automatic discounts that match each tier (the guide lists them)
Configuration options
Every setting this piece adds to the theme editor, read straight from its code.
| Theme-editor setting | Type | Default |
|---|---|---|
| Heading | text | Build your box |
| Subheading | text | The more you add, the more you save. |
| Products to choose from | collection | — |
| Box size | range | 8 |
| Minimum items to add to cart | range | 3 |
| Free gift | ||
| Gift product | product | — |
| Unlock gift at | range | 6 |
| Gift wrap | ||
| Gift wrap product | product | — |
| Each “Savings tier” block | ||
| Items in box | range | 3 |
| Discount | range | 10 |
| Each “Ready-made box” block | ||
| Name | text | Our bestsellers |
| Products | product list | — |
Screens
On desktop and phone
Every image is a capture of the live demo above, unedited. Demo store, products and photography are examples (photos: Unsplash and Pexels).
Questions about Coffret
Do I need a discount app?
No. Coffret shows the savings and Shopify's own automatic discounts apply them at checkout.
More from the house
