Reel is a section: a row of portrait videos, each with a product and a bag button.
Set it up
- Upload
sections/mb-reel.liquidandassets/mb-reel.js. - Upload portrait MP4 videos in Content › Files.
- Add Maisonblock Reel and a Clip block per video: the video, a caption and up to three products. The first product is shown on the card.
Behaviour
- Videos play muted, and only while at least 60% on screen.
- With one product the bag button adds it straight to the cart (its first available variant). With more, it opens a side-by-side view.
- A sale badge appears only when a product has a real compare-at price.
- A clip without a video shows its preview image or the product photo.
- Shoppers who prefer reduced motion get no autoplay.
All settings
Read directly from the file you download (version 1.0.0).
| Setting | Type | Default |
|---|---|---|
| Heading | text | Watch it, wear it |
| Subheading | text | Tap the bag to shop what's in the video |
| Clips per row (desktop) | range | 4 |
| Background | color | #f3efe9 |
| Button and badge colour | color | #16130F |
| Each “Clip” block | ||
| Video (portrait, MP4) | video | — |
| Caption (also read by screen readers) | text | — |
| Lead product | product | — |
| Product 2 (optional) | product | — |
| Product 3 (optional) | product | — |