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

Last updated

Was this helpful?