About this block

Lookbook Film Chapters stages the season as a short film, a static player blueprint with a chapter marked progress bar beside a timestamped chapter list. Each chapter row carries a timecode, a title, and the pieces that appear on screen in it, and every row links to the looks it holds.

The chapters are one array, each with a timecode and a percent position that places its marker on the bar. The list turns three and a half minutes of film into a set of shoppable entry points, one per scene.

When to use

Reach for this block when a season ships with a film, as the section that makes the film shoppable rather than decorative. It pairs a motion piece with the same selling logic as a numbered look list, scenes instead of looks.

A natural flow around it on an Ecommerce Pro page:

Before

• Store hero running the film full bleed

After

• Product grids for the pieces each chapter names
• Cart

What you can display

One strong use is the seasonal film broken into shoppable chapters. Other cuts:

• The tutorial. A how to film with steps as chapters and the tools in each.
• The interview. A maker film with topics as chapters and the pieces discussed.
• The runway. A show recording with exits as chapters and the looks that walked.

Tip: name the pieces in every chapter row, a chapter list that only marks time is a scrubber, the piece names are what make it a shop.