# 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...