Split Feature

An edge-to-edge two-column section designed for high-impact feature moments. The left column is a large primary media slot (image or video) and the right column centers text content above a smaller secondary media slot, with buttons pinned below both. There is no container max-width — the layout runs from viewport edge to viewport edge.

Both media slots support images or video. Videos can autoplay muted (for ambient loops) or use click-to-play with audio. A flip checkbox reverses the column order on desktop so the primary media can sit on either side.

Settings

Setting	What it does
Section ID	Optional anchor for jump links.
Flip columns	Swaps the primary media to the right and content to the left on desktop.
Primary media type	Image or Video. Switches which picker fields are visible.
Primary image	The main image. Hidden when media type is Video.
Primary mobile image	Optional mobile override for the primary image.
Primary video	Shopify-hosted video. Hidden when media type is Image.
Primary mobile video	Optional mobile override for the primary video.
Autoplay (primary)	Loops muted with no controls. Disable for click-to-play with audio. Default on.
Image loading	Lazy or Eager. Use Eager when the section is above the fold. Default Lazy.
Secondary media type	Image or Video for the smaller media slot inside the content column.
Secondary image	Image for the secondary slot.
Secondary video	Video for the secondary slot.
Autoplay (secondary)	Same behavior as primary autoplay. Default on.
Padding top / bottom	Default 0px at all breakpoints.

Blocks

Repeatable:

• Tag — small label above the title
• Title — the section heading
• Rich text — body copy

Static blocks:

• Buttons — call-to-action buttons, rendered below the secondary media

Buttons sit below the secondary media

Unlike most sections where buttons follow the text, here the buttons render after the secondary image or video. This keeps the visual flow of text, then media, then action.

Where it’s used

Homepage and landing pages for large editorial features. Not typically used on product pages.

Tips

• Use autoplay video for ambient loops only. A muted loop with no controls works well for short product demos. Anything with dialogue or narration should be click-to-play.
• The mobile image override matters. The primary slot’s aspect ratio changes significantly between mobile (390:418) and desktop (864:990), so a crop that works at one size often doesn’t at the other.
• Padding defaults to zero. The section is designed to butt up against adjacent sections. Add padding only if you need breathing room.
• Flip for variety. If you stack two Split Feature sections, flip one so the primary media alternates sides.