Blog post
Overview
The Main Article section is used on article/blog post pages to display the article content and related elements. It supports blocks for the article title, labels/tags, main content, social sharing, and a comment form. You can also control the media ratio used for article visuals, container layout, color scheme, and responsive spacing.
Section Configuration:
Layout
| Setting | Description |
|---|---|
| Media ratio | Sets the aspect ratio used for article media (Adapt, Square, Portrait, Landscape). |
| Container layout | Controls how the article content area is sized on the page: page-width (boxed), contained-content, or container-fluid (full width). |
| Container size (Desktop) | Sets the maximum section width on desktop as a percentage (50%–100%). |
| Color scheme | Applies a theme color scheme to the article section styling. |
Inner padding
| Setting | Description |
|---|---|
| Top (Desktop) | Adds space above the article content inside the section on desktop. |
| Bottom (Desktop) | Adds space below the article content inside the section on desktop. |
| Left (Desktop) | Adds space to the left of the article content inside the section on desktop. |
| Right (Desktop) | Adds space to the right of the article content inside the section on desktop. |
| Top (Mobile) | Adds space above the article content inside the section on mobile. |
| Bottom (Mobile) | Adds space below the article content inside the section on mobile. |
| Left (Mobile) | Adds space to the left of the article content inside the section on mobile. |
| Right (Mobile) | Adds space to the right of the article content inside the section on mobile. |
Outer padding
| Setting | Description |
|---|---|
| Top (Desktop) | Adds space above the section on desktop. |
| Bottom (Desktop) | Adds space below the section on desktop. |
| Left (Desktop) | Adds space on the left side of the section on desktop. |
| Right (Desktop) | Adds space on the right side of the section on desktop. |
| Top (Mobile) | Adds space above the section on mobile. |
| Bottom (Mobile) | Adds space below the section on mobile. |
| Left (Mobile) | Adds space on the left side of the section on mobile. |
| Right (Mobile) | Adds space on the right side of the section on mobile. |
Blocks Configuration:
Article blocks
| Block type | Description |
|---|---|
| Article title | Displays the article title area. |
| Labels & tags | Displays article tags, labels, or metadata elements supported by the theme. |
| Article content | Displays the main article content body. |
| Share with social | Displays social sharing links for the article. |
| Comment form | Displays a comment form and related comment functionality (theme/Shopify settings dependent). |