Skip to content
Blog posts grid
Section overview
The Blog posts grid section displays a customizable grid of blog articles from a selected blog. It allows merchants to showcase recent or featured blog content anywhere on their site.
Common use cases
- Highlighting recent blog posts on the homepage
- Creating a featured articles section on collection pages
- Showcasing related content on product pages
- Displaying news or company updates in a visually appealing grid format
Usage tips
- For optimal visual balance, use 3-4 articles in a desktop row
- Use the split layout option when you want to emphasize the section heading alongside the articles
- Consider mobile display carefully - fewer articles per row (1-2) work best on smaller screens
- Match the color scheme with your overall page design for a cohesive look
- Use the spacing controls to create visual separation from adjacent sections
Section settings
| Setting | Description |
|---|---|
| Blog | Select which blog to pull articles from |
| Total items | Set the number of articles to display in the grid |
| Heading | Add a title for the article grid section |
| Content | Add descriptive text to appear above the article grid |
| Button label | Text to display on the optional button |
| Button URL | Destination link for the optional button |
| Top spacing | Adjust the padding above the section (0-300px) |
| Bottom spacing | Adjust the padding below the section (0-300px) |
| Color scheme | Select the background and text color combination |
| Border color | Choose between subtle or strong border colors |
| Button color | Select the style and color theme for the button |
| Border position | Choose where borders appear (none, top, bottom, or both) |
| Columns desktop | Set the number of article columns on desktop (1-8) |
| Columns mobile | Set the number of article columns on mobile (1-3) |
| Horizontal alignment | Align the section content left, center, or right |
| Enable margin | Toggle horizontal margin on or off |
| Enable split | Toggle split layout (header on left, grid on right) |
| Visibility | Control section visibility (all devices, mobile only, or desktop only) |
Block settings
This section does not contain any configurable blocks. Articles are rendered using the component__blog-item snippet, which displays individual blog articles with a consistent design.