Grid of selected blog articles with metadata display options.
Featured Blog
The Featured Blog section displays a grid of blog articles from a selected Shopify blog. Perfect for the homepage, it encourages visitors to explore your content and improves your SEO.
Main Settings
Source
| Setting | Description | Options |
|---|---|---|
| Blog | Shopify blog source for articles | Blog picker |
| Article limit | Number of articles displayed | 2-12 |
| "View all" button | Link to the full blog page | On / Off |
| Button text | Custom button text | Text |
Grid
| Setting | Description | Options |
|---|---|---|
| Desktop columns | Number of columns | 2 / 3 / 4 |
| Mobile columns | Columns on mobile | 1 / 2 |
| Gap | Spacing | Small / Medium / Large |
| Style | Display mode | Grid / Slider |
| Image ratio | Image proportions | Adapt / Square / Landscape / 16:9 |
Metadata
| Setting | Description | Options |
|---|---|---|
| Show date | Publication date | On / Off |
| Show author | Author name | On / Off |
| Show tags | Article tags | On / Off |
| Show excerpt | Article summary | On / Off |
| Excerpt length | Number of characters in the excerpt | 50-300 |
| Show "Read more" | Link to the full article | On / Off |
Available Blocks
| Block | Description |
|---|---|
| Heading | Section title |
| Subheading | Subtitle |
| Text | Description |
| Button | CTA button |
Use Cases
Blog on Homepage
- 3 articles, 3 columns
- Landscape ratio
- Date + author displayed
- 150-character excerpt
- "Read our blog" button
- Medium gap
Buying Guides
- "Guides" blog selected
- 4 articles, 2 desktop columns
- 16:9 ratio
- Tags displayed (guide categories)
- No author
- Title: "Our Buying Guides"
News in Slider
- 6 articles in Slider mode
- Square ratio
- Date displayed, no excerpt
- "Read more" enabled
- Autoplay disabled
💡Use the Landscape or 16:9 ratio for blog articles. The landscape format is the most natural for article images and provides a good visual balance in the grid.
ℹ️Articles are displayed in reverse chronological order (most recent first), as defined in your Shopify blog. You cannot manually reorder articles in this section.