Blog posts section
The Blog posts section of Combine shows the latest articles of one blog as a grid or slider, built from title, info, excerpt and tag blocks.
Applies to: Combine 4.2.0 and later. Added in: Combine 1.0.0. Last checked: 2026-10-13 against Combine 4.2.0.
The Blog posts section shows the latest articles of one blog as a grid or a slider. The section sets the layout; blocks choose what each article card shows: title, date, excerpt, tags and a read more button.
Where to find it: in the theme editor, select Add section and choose Blog posts.
Articles
- Blog picks the blog the articles come from. The section shows its newest articles first.
- Show link to blog page (on by default) adds a button to the blog in the section heading.
- Show featured image (on by default) shows each article's featured image. Turn it off for text-only cards.
- Media aspect ratio crops the images to one shape: Short (4:3) (the default), Square (1:1), Tall (5:6) or Taller (2:3).
- Media border radius rounds the image corners, 0 to 30 px.
- Layout is Grid (the default) or Slider, which scrolls sideways. Both show three articles per row on desktop and one below 768 px.
- Maximum number of articles shown sets how many articles appear, 3 to 9 (default 3).
The section heading, colors, margins and heading tag work as described in General section styling. In Blog posts the color under Section design is called Text color.
Blocks
Each block adds one line to every article card, in the order of the blocks in the sidebar. Each block can be added once. A new section starts with Info and Title.
Title
Shows the article title. It has no settings.
Info
- Show date (on by default) shows the publishing date.
- Show author shows the author's name.
- Show comments number shows how many comments the article has, when comments are turned on for the blog.
Excerpt
Shows the excerpt you wrote for the article in Shopify admin. When an article has none, it shows the first words of the article; Number of words sets how many, 5 to 40 (default 15).
Article link
Adds a button to the article. Button label sets its text (default "Read more").
Tags
Shows the article's tags. Maximum number of shown tags sets how many, 2 to 8 (default 3).
Why does my blog posts section show no articles?
Because the selected blog has no published articles. The section then shows a short "no articles" message. Check in Shopify admin → Online Store → Blog posts that the blog's articles are visible. With no Blog selected at all, the section shows example cards instead.
How do I show a summary under each article title?
Add the Excerpt block. Write a manual excerpt for each article in Shopify admin → Online Store → Blog posts → the article → Excerpt. Without one, Combine shows the first 15 words of the article, or the number you set.
All Blog posts settings
Every setting of this section, with its type and default.
Accepts these blocks: Title, Info, Excerpt, Article link and Tags.
Blog posts section: Section heading
Where to find it: Blog posts → Section heading
The Blog posts section uses the standard Section heading settings, listed in General section styling. Not available in this section: Button label and Button link.
Heading (text field, default: "Latest articles"): Sets the section title.
Subheading (formatted text, default: "Share your best offers").
Heading size (dropdown, default: Regular). Options: Regular, Large.
Text alignment (dropdown, default: One row: Left). Options: One row: Left, Two rows: Left, Two rows: Center.
These settings differ from the standard ones or exist only here:
Heading (text field, default: "Latest articles"): Sets the section title.
Blog posts section: Articles
Where to find it: Blog posts → Articles
Blog (blog picker): Sets the blog the articles come from, newest first.
Show link to blog page (checkbox, default: on): Adds a button to the blog page, in the heading on desktop and under the section on mobile.
Show featured image (checkbox, default: on): Shows the featured image of each article.
Media aspect ratio (dropdown, default: Short (4:3)): Crops every article image to this shape. Options: Short (4:3), Square (1:1), Tall (5:6), Taller (2:3).
Media border radius (slider 0 to 30 px, default: 0 px): Rounds the corners of the article images.
Layout (dropdown, default: Grid): Shows the articles as a grid or as a slider that scrolls sideways; three per row on desktop, one below 768 px. Options: Slider, Grid.
Maximum number of articles shown (slider 3 to 9, default: 3).
Blog posts section: Section design
Where to find it: Blog posts → Section design
The Blog posts section uses the standard Section design settings, listed in General section styling.
Background color (color, default: transparent).
Background gradient (gradient).
Text color (color, default: transparent): Sets the color of the section heading, the subheading and the text of the section.
These settings differ from the standard ones or exist only here:
Text color (color, default: transparent): Sets the color of the section heading, the subheading and the text of the section.
Blog posts section: Gutter
Where to find it: Blog posts → Gutter
The Blog posts section uses the standard Gutter settings, listed in General section styling.
Decrease top margin (checkbox, default: off): Makes the space above the section smaller.
Remove bottom margin (checkbox, default: off): Pulls the next section up, so the two sections touch.
Blog posts section: SEO
Where to find it: Blog posts → SEO
The Blog posts section uses the standard SEO settings, listed in General section styling.
Heading tag (dropdown, default: H2): Sets the HTML level of the section heading for search engines; span gives it no level. It does not change the size. Options: H1, H2, H3, H4, span.
Title block
Where to find it: Blog posts → Add block → Title
One Title block per section.
The Title block has no settings in Combine 4.2.0.
Info block
Where to find it: Blog posts → Add block → Info
One Info block per section.
Show date (checkbox, default: on).
Show author (checkbox, default: off).
Show comments number (checkbox, default: off): Shows how many comments the article has, when the blog allows comments.
Excerpt block
Where to find it: Blog posts → Add block → Excerpt
One Excerpt block per section.
Number of words (slider 5 to 40, default: 15): Sets how many words of the article show when it has no excerpt of its own in Shopify admin.
Article link block
Where to find it: Blog posts → Add block → Article link
One Article link block per section.
Button label (text field, default: "Read more"): Sets the text of the button to the article.
Tags block
Where to find it: Blog posts → Add block → Tags
One Tags block per section.
Maximum number of shown tags (slider 2 to 8, default: 3): Sets how many of the article's tags show.
Related pages
- Blog page: the page that lists all articles of a blog.
- Article page: the page of one article.
- General section styling: the standard section settings.