Défilé

Défilé is a section: a hero slideshow with a slow zoom and a blur cross-fade.

Set it up

1. Upload sections/mb-defile.liquid and assets/mb-defile.js.
2. Add Maisonblock Défilé and up to six Slide blocks.
3. For each slide: an image (2400 px wide is plenty), an optional phone image, a small heading, a heading, a button label and a link.
4. Set the time per slide, the height on desktop and phone, and the shade behind the text.

Behaviour

Frosted dots fill as each slide plays. The pill gives previous, pause and next; swipe and the arrow keys work too. The slideshow pauses on hover and focus, and stops moving for shoppers who prefer reduced motion. Screen readers hear "Slide 2 of 3" with the heading.

All settings

Read directly from the file you download (version 1.0.0).