Blog posts
Section
Last updated
Section
Last updated
Add the Blogs posts section to display your latest posts.
In the editor side panel, click (+) Add section and select Blog posts. Click and hold the drag handles ⋮⋮ to re-order sections.
Editing a template will change all pages that use that template.
Create and assign new templates to design different page layouts.
Add dynamic content to show page-specific content in the same template.
Select which posts to display, and choose how many you want to show.
The section uses your blog post's Featured image, Title, Content, Tags, Published date and Author.
See Shopify's guides to create a blog ↗ and add blog posts ↗.
Click Blog posts section to find settings
| Setting | Description | Options |
|---|---|---|
Blog | Select a blog to display its latest posts, from newest to oldest. Click Change to select a different blog. | |
Number of articles | Choose how many posts to display in the section. | 1 - 8 Default: 6 |
Click the section to customize the general section styles for colors and spacing, available in all sections:
The Section header appears above the section. Add a Heading, Text, and optional Link.
Click Blog posts section to find settings
| Setting | Description | |
|---|---|---|
Heading | Change or remove the title of the section. | |
Heading tag | Change the heading tag to modify the page structure. Use H2 to indicate important topics, and use H3-H6 for related topics. Learn how to replace default H1 headings. This option doesn't change the heading's appearance. | Add multiple lines of rich text below the heading. |
Link URL | Select a page or URL for the link. | |
Link label | Add text to display the link. |
Choose a section layout. Display all posts as a Grid or use the Featured article style to showcase your most recent post.
Click Blog posts section to find settings
| Setting | Description | Options |
|---|---|---|
Style | Change the layout of the blog posts. Featured article: Displays the most recent article as the largest post and the rest in the sidebar. Grid: Displays the 2 most recent articles as cards and the rest in the sidebar. | Featured article Default Grid |
Featured article color scheme | Select a set of colors to apply to the featured article. You can add and define different color schemes in Theme settings > Colors. Learn more |
Show a scrolling text bar with the featured post's tags when hovered over. You can also change the Scroll direction and speed.
From your Shopify Admin, go to Blogs and click to open your blog post. Enter tags in the Tags section that you want to appear in the scrolling category text.
Click Blog posts section to find settings
| Setting | Description | Options |
|---|---|---|
Enable scrolling category text on hover | Show an auto-scrolling bar with the featured post's tag. | |
Scroll duration | Set the number of seconds it takes for the category text to fully rotate. | 5 - 45 seconds Default: 10 |
Scroll direction | Choose which way the category text moves. | Left Default Right |
Change the visual style of the featured posts, including the image aspect ratio, blog post details, and button.
Change the aspect ratio to crop post images to be a uniform shape.
The aspect ratio of an image is the proportion between its width and height (w:h). A square image has equal width and height (1:1), whereas most images are either wider (2:1) or taller (1:2).
Click Blog posts section to find settings
| Setting | Description | Options |
|---|---|---|
Image aspect ratio | Select an aspect ratio to crop images to be a uniform shape, or select Natural to display images in their original shape. | Natural Default Portrait (2:3) Portrait (4:5) Square (1:1) Landscape (5:4) Landscape (3:2) |
Choose which blog post details to show.
To edit the post details, go to Online Store > Blog posts from the Shopify admin.
Click Blog posts section to find settings
| Setting | Description |
|---|---|
Show article tags | Shows tags that you've added to posts in the Shopify admin. |
Show author | Display the name of who created the blog post. |
Show published date | Display the date when the post was published. |
Show excerpt | When checked, the first few lines of the post will appear below. You can add a custom excerpt to blog posts in your Shopify admin. |
Click Blog posts section to find settings
| Setting | Description | Options |
|---|---|---|
Show "Read more" button | Display a button that links to the blog post. | |
Button style | Change the style of the "Read more" button. | Solid Outline Default Text |
The Latest posts sidebar display the remaining posts from your blog, next to the featured posts.
Click Blog posts section to find settings
| Setting | Description | Options |
|---|---|---|
Enable thumbnail hover effect | Display the blog post image when hovering over an article in the sidebar. | |
Heading | The title of latest posts sidebar. | Default: "Latest post" |
