Article page
Single article layout — hero image, body, related articles, comments.
Updated 2026-05-09
The article template (templates/article.json) renders an individual blog post.
Layout
- Article hero — eyebrow (category), title, meta (author / date / read time), full-width image
- Article body — rich text with optional drop cap on first paragraph
- Tags — clickable pills below body
- Share buttons
- Comments (Shopify default) — optional, enable in Shopify admin → Online Store → Blog
- Related articles — grid of N articles from the same blog
Section settings
| Setting | Notes |
|---|---|
| Show hero image | Toggle |
| Hero image ratio | 16/9, 4/3, 1/1 |
| Show meta (author / date / read time) | Independent toggles |
| Body width | narrow / medium / wide |
| Drop cap | Stylised first letter of the first paragraph |
| Show tags | Toggle |
| Show share buttons | Toggle |
| Show related articles | Toggle + count |
Tips
- Body width = narrow (~640px) for long-form storytelling.
- Wide body works better for image-heavy articles where you want photos to breathe.
- Skip drop cap on technical / how-to articles — it feels journalistic, not pragmatic.
Need a hand? Contact support.