Fit Check: Video
Video-focused grid sections for showcasing products in motion. There are two variants:
- Fit Check: Video Grid — A multi-column grid of videos (and optional images) with product link overlays. Default: 4 columns.
- Fit Check: Video Pair — A side-by-side pair of videos. Default: 2 columns. Ideal for before/after or comparison content.
Both variants share the same settings and block types.
Configure the Section
- In the theme editor, click Add section.
- Select Fit Check: Video grid or Fit Check: Video pair from the Fit Check category.
- Add Video with product links or Image with product links blocks.
Section Settings
Gallery
| Setting | Description |
|---|---|
| Maximum items | Max number of media blocks to display. Range: 1–16. Default: 8. |
| Desktop columns | Number of columns on desktop. Range: 1–6. Default: 4 (grid) or 2 (pair). |
| Mobile columns | 1 column or 2 columns. Default: 1. |
| Gap | Spacing between items. Range: 0–100px. Default: 12px. |
Layout
| Setting | Description |
|---|---|
| Width | Page width or Full width. Default: Page width. |
| Height | Auto, Full screen, or Custom (small/medium/large/custom input). Default: Small (grid) or Auto (pair). |
| Position | Vertical alignment when a height is set — Top, Center, or Bottom. Default: Center. |
| Align baseline | Align items to the last baseline (when position is Bottom). Default: Off. |
| Color scheme | Select a color scheme for the section. |
| Padding | Top and bottom padding. Range: 0–100px. Default: 0. |
Block Types
Video with Product Links
Upload a Shopify-hosted video with optional product badge overlays. Each badge links to a product and is positioned on the media.
Image with Product Links
Add a static image with the same product badge overlays. Useful for mixing stills and videos in the same grid.
Responsive Behavior
On mobile, the grid collapses to the configured mobile column count (1 or 2). When a section height is set, videos fill the available space with object-fit: cover.