Featured Blog Post

File: sections/blog-home-featured-article.liquid

Templates: page.engage-home.json

Description

Blog Home Featured Article

Displays a featured blog article with a full-width hero background image, author name, article title, and a “Learn more” call-to-action button. The author name is pulled from the article’s custom authors metaobject relation.

Features:

• Full-width background image from the selected article
• Author name from metaobject relation (falls back to “Monroe Institute”)
• Large article title display
• “Learn more” CTA button linking to the full article
• Texture border effect via the has-texture-border class

Settings:

• article (article) — The blog article to feature

Blocks: None

Snippets Used: None

Dependencies:

• Tailwind CSS for utility classes
• Custom CSS for the has-texture-border effect
• Metaobject configuration for article.metafields.custom.authors

Tailwind Status: Full All layout and typography uses Tailwind utilities. The has-texture-border class is a custom CSS component.

Settings

ID	Type	Label	Default	Info
article	article	Article

Presets

• Featured Blog Post (Category: Blog)

Usage

This section can be added via the Shopify theme editor.

{% section 'blog-home-featured-article' %}