The Atelier Kit is a theme block for the product page: quantity breaks, a stock note, delivery dates, badges, feature lines, cross-sells and a sticky add-to-cart bar.
Set it up
- Upload
blocks/mb-atelier-kit.liquidwithassets/mb-atelier-kit.jsandassets/mb-atelier-kit.css. - Add Maisonblock Atelier Kit to the product information area, under the price.
- Turn on the tiers you want and set each one's quantity, discount, label, corner label and perk.
Create matching discounts
The tiers show prices; Shopify charges them. Create one automatic discount per tier in Discounts › Amount off products, with a minimum quantity of items (for example 2 items 10% off, 3 items 18% off) on this product.
Honest by design
- Stock note: reads the selected variant's inventory. It says "Only N left" at or below your threshold and hides itself when Shopify doesn't track the product's stock.
- Offer timer: appears only when you enter a real end date (match your discount's end date), and disappears when it passes. It never restarts.
- There is no "people viewing now" counter. Themes have no real visitor data, so such a number would be invented.
Variants
The one-item tier follows your theme's own variant picker. Multi-item tiers show a picker per item, so a shopper can buy two different colours in one tier.
Delivery dates
Counts business days from your same-day dispatch cut-off, in the shopper's local time.
All settings
Read directly from the file you download (version 1.0.0).
| Setting | Type | Default |
|---|---|---|
| Quantity breaks | ||
| Heading | text | Bundle & save |
| Layout | select | vertical |
| Selected tier | range | 2 |
| Show the amount saved after adding | checkbox | true |
| Tier 1 | checkbox | true |
| Tier 1 quantity | range | 1 |
| Tier 1 discount | range | 0 |
| Tier 1 label | text | Buy 1 |
| Tier 1 corner label | text | — |
| Tier 1 perk | text | — |
| Tier 2 | checkbox | true |
| Tier 2 quantity | range | 2 |
| Tier 2 discount | range | 10 |
| Tier 2 label | text | Buy 2 |
| Tier 2 corner label | text | Most popular |
| Tier 2 perk | text | Free shipping |
| Tier 3 | checkbox | true |
| Tier 3 quantity | range | 3 |
| Tier 3 discount | range | 18 |
| Tier 3 label | text | Buy 3 |
| Tier 3 corner label | text | Best value |
| Tier 3 perk | text | — |
| Tier 4 | checkbox | false |
| Tier 4 quantity | range | 4 |
| Tier 4 discount | range | 22 |
| Tier 4 label | text | Buy 4 |
| Tier 4 corner label | text | — |
| Tier 4 perk | text | — |
| Corner label background | color | #16130F |
| Corner label text | color | #FFFFFF |
| Perk background | color | #EEF4F1 |
| Perk text | color | #1F4A3D |
| Offer timer | ||
| Offer ends (YYYY-MM-DDTHH:MM) | text | — |
| Timer label | text | Offer ends in |
| Stock and delivery | ||
| Show stock note | checkbox | true |
| Say "Only N left" at or below | range | 5 |
| Show delivery dates | checkbox | true |
| Same-day dispatch cut-off | range | 15 |
| Delivery takes at least | range | 3 |
| Delivery takes at most | range | 6 |
| Badges, banner and features | ||
| Badge 1 | text | — |
| Badge 1 background | color | #16130F |
| Badge 1 text | color | #FFFFFF |
| Badge 2 | text | — |
| Badge 2 background | color | #E8D9A8 |
| Badge 2 text | color | #16130F |
| Banner text | text | — |
| Banner background | color | #4F5B47 |
| Banner text colour | color | #FFFFFF |
| Feature lines | textarea | — |
| Cross-sells | ||
| Heading | text | Pairs well with |
| Products | product_list | — |
| Sticky bar and theme | ||
| Sticky add-to-cart bar | checkbox | true |
| Theme variant field (advanced) | text | form[action*='/cart/add'] [name='id'] |
| Focus colour | color | #B4472A |