Blog page
Template
Last updated
Was this helpful?
Template
Last updated
Was this helpful?
The Blogs page lists your latest blog posts.
Editing a template will change all pages that use that template.
to design different page layouts.
to show page-specific content in the same template.
Change the page color scheme and adjust the page width and padding.
Choose to show the blog title.
Change the number of columns and articles per page.
Change the featured article color scheme
Click Blog page section to find settings
Show blog title
Display the title of the blog.
Articles per page
Set the number of articles to display per page.
1-12 Default: 8
Number of columns
Choose the number of columns for displaying articles.
2 3 Default
The blog displays the Featured article by default. You can disable the feature the first article option to display all posts as a Grid.
When enabled, you can customize the appearance of the featured articled:
Choose the color scheme
Change or remove image overlay
Adjust heading size of article title.
Click Blog page section to find settings
Feature the first article
Display the first article in a featured format.
Color scheme
Overlay opacity
Use the slider to change the transparency of the overlay. Set the opacity to 0% to turn off the overlay.
0 - 100% Default: 20%
Heading size
Change the size of the heading text from small to large.
1 - 8
Mobile heading size
For mobile screens, change the size of the heading text from small to large.
1 - 8
Choose to show category filters to allow visitors to filter blog posts by article categories.
By default, all blog post tags are used as article categories.
Go to Online Store > Blog posts to edit Tags for each post.
Click Blog page section to find settings
Show category filters
Display article categories to allow visitors to filter blog posts.
Show category filter counts
Display the number of posts for each category. Important: If you have more than one blog, the count will include tagged posts for all blogs.
By default, posts show a featured image, post details, and an optional 'read more' button.
Click the Blog posts section to customize the appearance of posts:
Change the image aspect ratio of post images
Choose which post details to show
Choose to show optional read more button
Change the aspect ratio to crop post images to be a uniform shape.
Click Blog posts section to find settings
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)
By default, posts display the title, date, author, and tags. Click Blog posts to 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
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.
Chose to show a "Read more" button for each post. Clicking the post image or title will also redirect to the blog post page.
Click Blog posts section to find settings
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
Show a scrolling text bar with the blog post tags when hovered over. You can also change the Scroll direction and speed.
By default, all blog post tags are displayed.
Go to Online Store > Blog posts to edit Tags for each post.
Click Blog page section to find settings
Enable scrolling category text on hover
Show scrolling category text when hovering over articles.
Scroll duration
Set the duration for the scrolling category text.
5-45 Default: 10
Scroll direction
Choose the direction for the scrolling category text.
Left Default Right
You may not want to show all tags that you've added in your Shopify admin. To limit which tags are shown as article categories, go to Theme settings > Blog.
In the Article categories field, enter the tags you want to use in a comma-separated list. For example: Guides, News, Interviews.
Select a set of colors to apply to the featured article section. You can add and define different color schemes in Theme settings > Colors.
Go to Theme settings > Blog to .
Go to Online Store > Blog posts to edit Tags for each post. Go to Theme settings > Blog to .
Go to Theme settings > Blog to .
By default, all blog post tags are used as article categories. Article categories appear in , , and .
