Flexible media grid

Flexible media grid combines different content types in one editorial layout. Use it when a story needs mixed image, video, and text content rather than a single hero or a repeated product grid.

When to use it

Choose this section for lookbooks, campaign stories, collection introductions, or mixed-media features where each item needs its own role in the composition.

Use a simpler image-with-text or video section when the page needs one focal message rather than a multi-item layout.

Settings

The final guide will follow the section’s Theme Editor setting groups in their exact order. Each entry will explain what the setting controls, when the option is useful, and any verified constraints.

Blocks

Image

Use an image block for still campaign, product, or editorial media. The final guide will document crop, focal-point, link, and alternative-text behavior after verification.

Video

Use a video block when motion adds information that a still image cannot. Playback controls, poster behavior, audio, and reduced-motion handling require accepted browser evidence.

Text

Use a text block to introduce, caption, or connect the surrounding media. Final content and action fields will be listed from the release schema.

Desktop and mobile behavior

The release guide will compare the same approved fixture at desktop and mobile sizes. It will document block order, spanning, gaps, stacking, and crop behavior without exposing implementation breakpoints as merchant settings.

Media recommendations

Prepare media with enough crop flexibility for both wide and narrow layouts. Exact aspect-ratio and safe-area recommendations will be based on approved fixture testing rather than assumed dimensions.

Accessibility and motion

• Write alternative text for informative images.
• Avoid placing essential information only inside video.
• Keep text readable against its configured surface.
• Verify keyboard controls and reduced-motion behavior before publishing autoplay guidance.