Skip to content
Blog posts grid
Section overview
The Blog posts grid section displays a customizable grid of blog articles, allowing merchants to showcase recent or featured content from their blog.
Common use cases
- Highlighting recent blog posts on the homepage
- Featuring selected articles in a dedicated section on any page
- Creating a curated reading list of related content
- Displaying news or updates in a visually appealing grid format
Usage tips
- Keep the article count balanced with your layout - 3 articles works well for most designs
- Use a clear, concise heading that describes the content (e.g., "Latest Updates" or "Featured Articles")
- Consider mobile display - content stacks differently on smaller screens
- Ensure your article featured images are consistent in size and style for a cohesive look
Section settings
| Setting | Description |
|---|---|
| Blog | Select which blog to pull articles from |
| Total items | Set the number of articles to display |
| Heading | Add a title for the section |
| Content | Add descriptive text to introduce the articles |
| Button label | Text to display on the button |
| Button url | URL the button links to |
| Spacing top | Control the top padding (0-300px) |
| Spacing bottom | Control the bottom padding (0-300px) |
| Color scheme | Choose the background and text color combination |
| Border color | Select the color intensity for borders |
| Button color | Choose the style and color of the button |
| Border position | Select where borders appear around the section |
| Row desktop | Number of articles per row on desktop (2-4) |
| Row mobile | Number of articles per row on mobile (1-2) |
| X alignment | Control horizontal alignment of section content |
| Visibility | Control display on different device types |