Featured Editorial

An asymmetric two-column layout: a large primary image or video (8/12 columns) on the left, and a smaller accent image plus text and CTA on the right. The primary image bleeds to the viewport edge on mobile. A video popup (Shopify native, Vimeo, or YouTube) opens in a modal when the CTA button is clicked.

On PDP, content is pulled from the product_featured_editorial metaobject attached via nama.product_featured_editorial. The metaobject’s media fields support both images and videos — video files autoplay muted and looping inline (no popup needed). Off PDP, use the image pickers and video fields directly.

The vimeo_url field auto-detects YouTube URLs, so you only need one field for either platform.

Settings

Setting	What it does
Section ID	Optional anchor for jump links.
Primary image	The large left-side image. On PDP, overridden by the metaobject’s primary_media field.
Accent image	The small right-side image (5:6 aspect ratio). On PDP, overridden by the metaobject’s accent_media field.
Video (native)	A Shopify-hosted video for the popup modal. Takes priority over URL-based video.
Video URL	A Vimeo or YouTube URL for the popup modal. Accepts both platforms — YouTube is auto-detected.
Loading	Lazy (default) or eager. Set to eager if this section is above the fold.
Padding top / bottom	Default 48/48/80px each.

Blocks

Static blocks:

• Title — the section heading, rendered above the media row.

Repeatable:

• Rich text — descriptive copy, rendered right-aligned below the accent image.
• Buttons — CTA buttons. When a video is configured, clicking any button opens the video modal instead of following a link.

Buttons become video triggers automatically

You don’t need to wire up the video popup yourself. If either the native video or a Vimeo/YouTube URL is set, every button in the text column opens the modal on click. Style the button however you like — “Watch the film”, “Play video”, etc.

Auto-hide on PDP

On product pages, the section hides entirely when no media is available — no metaobject connected, no images set, and no video configured. On other page types it always renders. This lets you include it on the PDP template and have it appear only for products with editorial content assigned.

Where it’s used

• Product templates (primarily flagship PDP)
• Content pages where you want a cinematic media + text layout

Tips

• Use video for the primary slot. An autoplay loop via the metaobject is more arresting than a still image, especially for product demos.
• Keep the accent image small and atmospheric. It sits at 40% width on mobile and 50% on desktop — detail-heavy images get lost at that size.
• Set loading to eager if this section appears in the first viewport. Otherwise leave it lazy.
• Prefer native Shopify video over Vimeo/YouTube for the popup. It loads faster and doesn’t require third-party scripts.