Article Testimonial Video

File: sections/article-testimonial-video.liquid

Templates: article.testimonial-video.json

Description

Article Testimonial Video Section

Renders a video testimonial article with a clipped author image, embedded YouTube video, article content, and a configurable call-to-action box. Supports multiple YouTube URL formats and optional start times.

Features:

• Article title and optional linked product (via “handle::” article tag)
• Clipped mask author image centered above the video
• YouTube embed supporting watch, short, embed URLs, and direct video IDs
• Start time support across all URL formats
• Article body rendered inside a Tailwind Typography “prose” container
• Configurable CTA box at the bottom

Settings:

• show_cta (checkbox) — Show the call-to-action box below content, default true
• cta_headline (text) — Headline for the CTA box, default “Share your stories!”
• cta_link_text (text) — Link text for the CTA, default “Learn More”
• cta_url (url) — URL the CTA links to

Blocks: None

Snippets Used:

• clipped-mask-image — Renders the article image with a custom clipping mask

Dependencies:

• article.metafields.custom.video_url (single_line_text_field) — YouTube URL or ID
• article.tags — Used to find associated product via “handle::” tag prefix
• Tailwind CSS with @tailwindcss/typography plugin (prose classes)
• Tailwind CSS with @tailwindcss/aspect-ratio plugin (aspect-w-16, aspect-h-9)

Tailwind Status: Full All styling uses Tailwind utility classes.

Settings

ID	Type	Label	Default	Info
“	header
show_cta	checkbox	Show call-to-action box	true
cta_headline	text	CTA headline	Share your stories!
cta_link_text	text	CTA link text	Learn More
cta_url	url	CTA link

Usage

This section is referenced in JSON templates and cannot be added via the theme editor.

{% section 'article-testimonial-video' %}