Blog

File: sections/blog.liquid

Templates: blog.json, page.engage-home.json

Description

Blog

Displays blog posts with a dynamic header, tag-based filtering, and paginated responsive grid layout. Uses metafields for header images and tag-specific descriptions.

Features:

• Dynamic header with blog title and custom image from metafields
• Tag-based filtering with custom descriptions per tag
• Responsive grid layout for blog posts
• 16:9 aspect ratio images with rounded corners
• Pagination support (10 posts per page)

Settings:

• post_limit (range) — Maximum number of posts to display per page

Blocks: None

Snippets Used:

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

Dependencies:

• blog.metafields.custom.image — Main blog header image
• blog.metafields.custom.description — Default blog description
• blog.metafields.custom.[tag_name] — Tag-specific descriptions

Tailwind Status: Partial

Settings

ID	Type	Label	Default	Info
post_limit	range	Posts per page	10

Usage

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

{% section 'blog' %}