Skip to content
Blog posts grid
Section overview
The Article Grid section displays a collection of blog articles in a customizable grid layout, ideal for showcasing recent or featured content throughout your store.
Common use cases
- Highlighting recent blog posts on your homepage
- Creating a featured articles section on collection pages
- Showcasing curated content on landing pages
- Building a blog index page with flexible layout options
Usage tips
- Keep the number of displayed articles balanced with your layout (3-6 articles work well for most designs)
- Use concise, compelling headings to introduce your article grid
- Consider using the split layout option for blog-focused pages to keep header content visible
- Adjust column count for mobile to ensure readability (single column is recommended)
Section settings
| Setting | Description |
|---|---|
| Blog | Select which blog to display articles from |
| Total items | Number of articles to display in the grid |
| Heading | Main heading text for the section |
| Content | Descriptive text that appears above the article grid |
| Button label | Text for the optional call-to-action button |
| Button url | URL destination for the call-to-action button |
| Top spacing | Amount of space (in pixels) above the section |
| Bottom spacing | Amount of space (in pixels) below the section |
| Color scheme | Select from theme color schemes for the section background |
| Custom color | Set a custom background color (when 'Custom' is selected) |
| Text color | Choose between default, light, or dark text color |
| Border color | Select subtle or strong border color |
| Button color | Choose from various button style options |
| Enable color fade | Enables smooth color transitions between sections |
| Border position | Choose where borders appear (top, bottom, both, or none) |
| Desktop columns | Number of columns to display on desktop (1-8) |
| Mobile columns | Number of columns to display on mobile (1-3) |
| Horizontal alignment | Set content alignment (left, center, or right) |
| Enable margin | Apply horizontal margin to the section content |
| Enable split | Divide the section into a sidebar and main content area |
| Enable split heading | Keep the heading in its own column separate from content |
| Visibility | Control section visibility on different device types |
Block settings
This section does not contain any blocks.
Search files...
Search files...