Avant is a theme block that turns a product page into a pre-order page.
Set it up
- Upload
blocks/mb-avant.liquidandassets/mb-avant.js. - Make a separate product template for pre-order products, add Maisonblock Avant, and hide the theme's own buy buttons on that template.
- On each pre-order product turn on Continue selling when out of stock.
- Set the delivery window (for example "Mid March"), the ship date and shipping time, and optionally the date pre-orders close.
What shoppers see
- The delivery window and an estimated arrival range.
- A countdown to the close date; afterwards the block switches to "Pre-orders closed".
- A production timeline you update in the editor (one step per line, a note after a | sign).
- An edition meter, only when you set an edition size and Shopify tracks the product's inventory. Pieces left come from real stock.
Waitlist
"Remind me" uses Shopify's own customer form. Sign-ups appear in Customers, tagged preorder-waitlist and the product handle.
On the order
Each line carries "Pre-order: Yes" and the ship window. If the product has a selling plan (for deposits or pay later), Avant uses it.
All settings
Read directly from the file you download (version 1.0.0).
| Setting | Type | Default |
|---|---|---|
| Delivery | ||
| Delivery window | text | Mid December |
| Status label | text | Delivery expected |
| Ships from (YYYY-MM-DD) | text | — |
| Shipping takes at least | range | 2 |
| Shipping takes at most | range | 5 |
| Pre-order period | ||
| Pre-orders close (YYYY-MM-DDTHH:MM) | text | — |
| Limited edition size | number | 0 |
| Use the product's selling plan | checkbox | true |
| Timeline and perks | ||
| Production steps | textarea | Design locked | Final fit approved Fabric sourced In production Quality check Shipping |
| Current step | range | 1 |
| Perks heading | text | Why pre-order? |
| Perks | textarea | Early pricing Free shipping included First access to the next drop |
| Small print | text | Full refund if we can't deliver. Tracking is emailed when it ships. |
| Focus colour | color | #16130F |
| Current step highlight | color | #E8D9A8 |