Article Podcast

File: sections/article-podcast.liquid

Templates: article.podcast.json

Description

Article Podcast Section

Renders a single podcast article page with the article title, a 16:9 featured image displayed as a background image, the full article body content, and a configurable promotional call-to-action box linking back to the podcasts blog index.

Features:

• Centered article title above the main content area
• 16:9 aspect-ratio featured image using Tailwind aspect-ratio plugin
• Article body rendered inside a Tailwind Typography “prose” container
• Configurable promo box encouraging visitors to explore more episodes

Settings:

• show_promo (checkbox) — Show the promotional box below article content, default true
• promo_headline (text) — Headline text for the promo box, default “Keep exploring other episodes!”
• promo_cta_text (text) — CTA link text, default “View All”
• promo_cta_url (url) — URL the promo CTA links to

Blocks: None

Snippets Used:

• blog-promo-box — Renders the promotional call-to-action box

Dependencies:

• Tailwind CSS with @tailwindcss/typography plugin (prose classes)
• Tailwind CSS with @tailwindcss/aspect-ratio plugin (aspect-w-16, aspect-h-9)
• No JavaScript dependencies

Tailwind Status: Full All styling uses Tailwind utility classes including typography (prose), aspect-ratio (aspect-w-16, aspect-h-9), spacing, and layout utilities.

Settings

ID	Type	Label	Default	Info
“	header
show_promo	checkbox	Show promotional box	true
promo_headline	text	Promo headline	Keep exploring other episodes!
promo_cta_text	text	Promo CTA text	View All
promo_cta_url	url	Promo CTA link

Usage

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

{% section 'article-podcast' %}