Article #
The Article section is used for displaying a single blog post (article) page. It supports flexible layout options, sidebar customization, product recommendations, newsletter subscription, related posts, and comment features.
Color scheme #
Sets the overall color scheme for the article page — applies to the article body content area, comments form background, and general page typography. Choose a scheme that keeps the reading area clean and comfortable.
Article header color scheme #
Sets the color scheme applied specifically to the hero header area — the large featured image section at the top of the article page. This controls the overlay box colors and the title/metadata text that sits on top of the featured image.
Layout options #
Section width #
Controls how wide the article content area spans on the page.
- Page — content is constrained within the standard page container width.
- Full — content stretches edge to edge across the full browser width.
- Narrow — content is constrained to a narrower column, ideal for long-form reading.
Article display settings #
Article image height #
Article image height is controls the featured article image height at the top of the article page.
- Adapt to image (
auto) (default): uses the image’s natural height (best when your blog images are consistent). - Fixed heights:
300px,400px,500px,600px(creates a consistent hero image height across all articles).
Show tags #
When enabled, displays the blog post’s tags within the hero header overlay. Tags are assigned to articles in your Shopify blog post editor and help categorize content for readers.
Show publish date #
When enabled, shows the article’s published date in the hero header overlay. Useful for time-sensitive content such as news, announcements, or editorial posts.
Show author #
When enabled, displays the author’s name in the hero header overlay. The author name is pulled from the Shopify blog post’s author field. Disable for stores with a single-author blog where attributing authorship is unnecessary.
Show heading #
When enabled, renders the article’s title prominently inside the hero header overlay box over the featured image. Disabling this hides the title from the hero area — useful if you prefer to display the title only within the article body content instead.
Show back button #
Toggles a Back button/link on the article page so customers can quickly return to the blog listing (or previous page, depending on theme behaviour).
Button style #
Sets the visual style for the action buttons on the article page — including the Post Comment button and the Back to News navigation button. Choose Primary button for a solid filled style or Secondary button for an outlined variant, matching your site’s button design system.
Top padding #
Controls the vertical space added above the article section content. Increase this value to create more breathing room between the site header and the start of the hero image.
Bottom padding #
Controls the vertical space added below the article section content — after the Back to News button and before the footer. Adjust to ensure the page doesn’t feel cramped at the bottom.
Comments settings #
Show comments
When enabled, displays a Leave a comment form below the article content. The form includes Name, Email, and Message fields along with a Post Comment button. Comments must also be enabled at the blog level in Shopify Admin → Online Store → Blog posts → Manage blogs → Comments. Disable this toggle to hide the comments section entirely from the article page.
