Blog post
Overview:
The Main Article section displays a full blog post with a highly customizable layout. It supports rich content blocks (title, featured image, tags, metadata), user comments, article sharing, and paginated navigation between posts. This section is ideal for blog posts, news updates, and storytelling content.
Section Configuration:
Breadcrumb
| Setting | Description |
|---|---|
| Show Breadcrumb | Displays the navigational breadcrumb above the article. Helps users understand the page hierarchy. |
Layout
| Setting | Description |
|---|---|
| Container Layout | Defines the width of the article content. Options: container (boxed), container-fluid (full-width). |
| Container Padding | Toggles horizontal padding within the container for spacing. |
| Text Alignment (Desktop) | Sets horizontal text alignment on desktop screens. Options: left, center, right. |
| Text Alignment (Mobile) | Sets horizontal text alignment on smaller screens. |
Pagination
| Setting | Description |
|---|---|
| Enable Pagination | If enabled, shows navigation links to previous and next articles in the same blog. |
Social Sharing
| Setting | Description |
|---|---|
| Enable Share | Enables a dropdown share menu with copy-to-clipboard and native social sharing integration. |
Color Scheme
| Setting | Description |
|---|---|
| Color Scheme | Applies a color scheme for the section background, text, links, and borders. Useful for visual contrast. |
Spacing
| Setting | Description |
|---|---|
| Top Padding | Vertical spacing above the article content. |
| Bottom Padding | Vertical spacing below the article content. |
Blocks Configuration:
You can customize the content structure by adding and rearranging the following blocks:
Featured Image
Displays the article’s featured image.
| Setting | Description |
|---|---|
| Media Size | Defines the image aspect ratio (adapt, square, portrait, landscape). |
Tags
Shows the blog post's assigned tags as clickable links for filtering.
Separator
Splits article blocks into two layout groups — before and after the separator. This allows for full-width or layout variation within the section.
Title
Displays the article title.
| Setting | Description |
|---|---|
| Heading Size | Sets the HTML heading level (h1–h4) for semantic structure and SEO. |
| Heading Weight | Controls the font weight (300–900). |
Date
Displays the article’s published date.
Author & Comments Count
Shows metadata about the article's author and comment count.
| Setting | Description |
|---|---|
| Show Author | Displays the author’s name. |
| Show Comments Count | Displays the number of approved comments. |
Content
Outputs the full rich-text content of the article (from the Shopify blog post editor).
Custom Liquid
Allows you to add custom Liquid code to extend or modify the article layout or functionality.
App Block
Supports app-embedded blocks for third-party integrations.