Blog post
Overview
The blog post template section. Renders the article content through a block-composed layout. Section settings cover the comment list and comment form appearance. No section-level header — the article title, meta, and body are all placed via blocks.
Heading
| Setting |
Description |
| Heading Size |
H1–H6 or Large, Medium, Small. Default: H4. |
| Heading Weight |
Thin (100) to Black (900). Default: Bold (700). |
| Heading Case |
None, Uppercase, Capitalize, or Lowercase. Default: Uppercase. |
| Heading Tag |
Semantic HTML heading level (H1–H6). Default: H2. |
| Heading Font Family |
Default or Body font. |
| Heading Color Style |
Default or Body color preset. |
Text
| Setting |
Description |
| Text Size |
Large, Medium, or Small. Default: Medium. |
| Text Weight |
Thin (100) to Black (900). Default: Normal (400). |
| Text Case |
None, Uppercase, Capitalize, or Lowercase. Default: None. |
| Text Font Family |
Default or Heading font. |
| Text Color Style |
Default or Heading color preset. |
Heading
| Setting |
Description |
| Heading Size |
H1–H6 or Large, Medium, Small. Default: H4. |
| Heading Weight |
Thin (100) to Black (900). Default: Bold (700). |
| Heading Case |
None, Uppercase, Capitalize, or Lowercase. Default: Uppercase. |
| Heading Tag |
Semantic HTML heading level (H1–H6). Default: H3. |
| Heading Font Family |
Default or Body font. |
| Heading Color Style |
Default or Body color preset. |
| Setting |
Description |
| Button Type |
Primary, Secondary, Styled, or Link (underlined). Default: Styled. |
| Button Case |
None, Uppercase, Capitalize, or Lowercase. Default: Uppercase. |
Layout Settings
| Setting |
Description |
| Container Layout |
Page Width, Contained Content, or Container Fluid. Default: Contained Content. |
| Border Style |
None, Top, Bottom, or Top & Bottom. Default: Top & Bottom. Visible when container is not Page Width. |
| Container Size |
Max container width as a percentage of page width. Range: 50–100%, default 100%. |
| Desktop Text Alignment |
Content alignment on desktop. Default: Left. |
| Mobile Text Alignment |
Content alignment on mobile. Default: Left. |
| Color Scheme |
Shopify color scheme applied to the section. Default: Scheme 1. |
Inner Spacing
| Setting |
Description |
| Desktop Top Padding |
Default 60 px. |
| Desktop Bottom Padding |
Default 60 px. |
| Desktop Left Padding |
Default 75 px. |
| Desktop Right Padding |
Default 75 px. |
| Mobile Top Padding |
Default 35 px. |
| Mobile Bottom Padding |
Default 35 px. |
| Mobile Left Padding |
Default 15 px. |
| Mobile Right Padding |
Default 15 px. |
Outer Spacing
| Setting |
Description |
| Desktop Top Spacing |
Default 0 px. |
| Desktop Bottom Spacing |
Default 0 px. |
| Desktop Left Spacing |
Default 0 px. |
| Desktop Right Spacing |
Default 0 px. |
| Mobile Top Spacing |
Default 0 px. |
| Mobile Bottom Spacing |
Default 0 px. |
| Mobile Left Spacing |
Default 0 px. |
| Mobile Right Spacing |
Default 0 px. |
Blocks
Featured Image (limit 1)
Displays the article's featured image. No additional settings — image source is pulled automatically from the article.
Bottom Margin: Desktop 15 px, Mobile 15 px.
Title (limit 1)
Displays the article title.
| Setting |
Description |
| Heading Size |
H1–H6 or Large, Medium, Small. Default: H3. |
| Heading Weight |
Thin (100) to Black (900). Default: Bold (700). |
| Heading Case |
None, Uppercase, Capitalize, or Lowercase. Default: Uppercase. |
| Heading Tag |
Semantic HTML heading level (H1–H6). Default: H1. |
| Heading Font Family |
Default or Body font. |
| Heading Color Style |
Default or Body color preset. |
Bottom Margin: Desktop 14 px, Mobile 14 px.
Displays article metadata below the title.
| Setting |
Description |
| Show Date |
Displays the publish date. Enabled by default. |
| Show Author |
Displays the author name. Enabled by default. |
| Show Comments Count |
Displays the comment count. Enabled by default. |
| Show Tags |
Displays article tags. Enabled by default. |
Bottom Margin: Desktop 15 px, Mobile 15 px.
Share (limit 1)
Social sharing buttons for the article.
| Setting |
Description |
| Show LinkedIn |
Displays a LinkedIn share button. Enabled by default. |
| Show Facebook |
Displays a Facebook share button. Enabled by default. |
| Show Twitter / X |
Displays a Twitter / X share button. Enabled by default. |
| Show Pinterest |
Displays a Pinterest share button. Enabled by default. |
| Show Tumblr |
Displays a Tumblr share button. Enabled by default. |
Bottom Margin: Desktop 26 px, Mobile 20 px.