Blog post
Overview:
The Main Article section is designed to display blog articles in a clean and structured layout with featured images, article metadata, content, tags, sharing options, and navigation controls. It supports article content blocks, typography customization, breadcrumbs, pagination, custom Liquid support, responsive layouts, color schemes, and spacing controls. This section is ideal for blog posts, news articles, guides, educational content, or editorial pages.
Blocks Configuration
Featured Image Block
The Featured Image block displays the article’s main image at the top of the blog post.
| Setting |
Description |
| Featured Image |
Displays the featured image assigned to the Shopify blog article. |
The Tags block displays article tags associated with the blog post.
| Setting |
Description |
| Show Tags |
Displays article tags when enabled. |
Title Block
The Title block displays the main article heading.
Typography Settings:
| Setting |
Description |
| Heading Size |
Controls article title size such as H1–H6, Large, Medium, or Small. |
| Heading Weight |
Adjusts the font thickness ranging from Thin (100) to Black (900). |
| Heading Case |
Changes text transformation style such as Uppercase, Lowercase, Capitalize, or Default. |
| Heading Tag |
Sets the HTML heading tag level from H1 to H6 for SEO and accessibility purposes. |
| Heading Font Family |
Allows switching between Default and Body font family styles. |
| Heading Color Style |
Applies predefined color styling to the article title. |
The Meta block displays additional article information.
| Setting |
Description |
| Show Date |
Displays the article publishing date. |
| Show Author |
Displays the article author name. |
| Show Comments Count |
Displays the total number of comments on the article. |
Content Block:
The Content block displays the main article content.
| Setting |
Description |
| Article Content |
Displays the full blog article content created inside Shopify blog editor. |
Custom Liquid Block:
The Custom Liquid block allows merchants to add custom Shopify Liquid code.
| Setting |
Description |
| Custom Liquid |
Adds custom Liquid code for advanced customization or third-party integrations. |
App Block:
The App block allows Shopify apps to inject additional content or features into the article page.
| Setting |
Description |
| App Integration |
Displays app-generated content such as comments, reviews, related posts, or widgets. |
Section Configuration
Article Settings:
| Setting |
Description |
| Enable Share |
Displays social sharing options for the article when enabled. |
| Enable Pagination |
Displays navigation between previous and next blog articles. |
Breadcrumb Settings:
| Setting |
Description |
| Show Breadcrumb |
Displays breadcrumb navigation for easier page navigation. |
| Breadcrumb Color Scheme |
Applies a predefined color palette to the breadcrumb section. |
Layout:
| Setting |
Description |
| Container Layout |
Determines whether the section uses Contained, Contained Content, or Full Width layout. |
| Container Width |
Controls the maximum width of the article container on desktop devices. |
Color Scheme:
| Setting |
Description |
| Section Color Scheme |
Applies a predefined color palette to the Main Article section background and content. |