Blog page
Template
Last updated
Template
Last updated
The Blogs page lists your latest blog posts.
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.
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
| Setting | Description | Options |
|---|---|---|
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
| Setting | Description | Options |
|---|---|---|
Feature the first article | Display the first article in a featured format. | |
Color scheme | Select a set of colors to apply to the featured article section. You can add and define different color schemes in Theme settings > Colors. Learn more | |
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.
Go to Theme settings > Blog to limit which tags are shown as article categories.
Click Blog page section to find settings
| Setting | Description |
|---|---|
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.
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) |
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
| Setting | Description |
|---|---|
Show article tags | Shows tags that you've added to posts in the Shopify admin. Go to Online Store > Blog posts to edit Tags for each post. Go to Theme settings > Blog to limit which tags are shown. |
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
| 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 |
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.
Go to Theme settings > Blog to limit which tags are displayed.
Click Blog page section to find settings
| Setting | Description | Options |
|---|---|---|
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 |
By default, all blog post tags are used as article categories. Article categories appear in category filters, scrolling category text, and article tags.
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.
