Engage Home Blog Bottom

File: sections/page-engage-home-bottom.liquid

Templates: page.engage-home.json

Description

Engage Home Blog Bottom

Displays recent and popular blog posts in a two-column responsive layout. Left column shows recent posts from selected blogs with pagination. Right column shows manually selected popular posts.

Features:

• Two-column responsive layout (2/3 + 1/3 on desktop)
• Recent posts from configurable blog sources with pagination
• Popular posts section with manually selected articles
• Article images, excerpts, and post meta display

Settings: None (configured via blocks)

Blocks:

• blog (limit: 10) — Selects blogs for the recent posts column
• popular_blog (limit: 10) — Selects individual articles for the popular posts column

Snippets Used:

• tmi-responsive-image — Renders responsive images with lazy loading
• tmi-post-meta — Displays article author names and estimated read time
• pagination — Renders pagination controls with prev/next arrows

Dependencies:

• blogs (Shopify global) — Blog data
• articles (Shopify global) — Article data for popular posts lookup

Tailwind Status: Full

Blocks

Recent Blogs

• Type: blog
• Limit: 10

ID	Type	Label	Default
blog	blog	Blog

Popular Articles

• Type: popular_blog
• Limit: 10

ID	Type	Label	Default
article-url	url	Article URL

Presets

• Most Recent Post (Category: Blog)

Usage

This section can be added via the Shopify theme editor.

{% section 'page-engage-home-bottom' %}