Blog page
Template
The Blog page lists your latest blog posts. The blog page template includes tag navigation and options for how blog posts are displayed.
Set up blog
Before editing the Blog page template, you need to add at least one blog post in your Shopify admin.
You can add custom Excerpt text. By default, Cornerstone will display the first couple of sentences from your post. You can add a custom excerpt or post tagline.
Blogs are a Shopify feature. See Shopify's guides to create a blog ↗ and add blog posts ↗.
Edit blog page template
In your theme editor (Customize), use the Templates selector to open Blogs > Default blog.
STEPS
In your theme editor (Customize):
Use the Templates selector to open Blogs > Default blog.
Under Template, click the Blog posts section to open the settings.
Choose how many Articles per page to display: between 12 and 36.
Choose the Number of columns on desktop to display: 2, 3, or 4.
Choose which blog post details to display: Show tags, Show author, or Show published date of the blog post.
Choose whether Show excerpt of the blog posts.
By default, Cornerstone will display the first couple of sentences from your post. You can add a custom excerpt or post tagline.
Choose to Show featured images of blog posts.
Go to your Shopify admin to upload images for your blog posts.
To make your blog images a uniform shape and size, select the Image aspect ratio to crop your images to Square, Landscape, or Portrait.
The default Natural setting will display the original orientation of your image.
(Optional.) Add theme sections to further customize the design and layout of your blogs page.
You can click the Hide icon or Remove section button to hide or delete sections.
Click Save.
Change layout
Change the layout of posts by adjusting the number of articles and columns.
Click Blog page section to find settings
Number of articles per page
Choose how many posts to show on each page before visitors need to go to the next page or load more: between 12 and 36.
Number of columns on desktop
Choose how many posts to show per row: either 2, 3, or 4.
Customize posts style
Click the Blog posts section to customize the appearance of posts:
Choose which post details to show
Change the image aspect ratio of post images
Display posts in text boxes with custom background colors
Change blog post details
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 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.
Show featured image
Show the blog post image added in your Shopify admin.
Change image aspect ratio
Change the aspect ratio to crop post images to be a uniform shape.
Click Blog posts section to find settings
Featured 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 Portrait (2:3)
Portrait (4:5) Square (1:1)
Landscape (5:4) Landscape (3:2)
Show text boxes
Choose to display blog posts as tiles with color backgrounds. You can show tiles with shadows or borders.
Click Blog page section to find settings
Show text boxes
Choose to show a border around the blog post images and text content.
Text box style
Display text boxes with a Soft drop shadow, Solid drop shadow, or Borders with different thicknesses.
Color scheme
Change the color scheme applied to the blog post tiles. Select the Default color scheme from your theme settings or select a variant scheme based on the default colors: either Inverse, Soft, Accent, or Sale. You may also select one of the two custom color schemas.
Learn more about Color schemes.
Override with custom colors
Check this option to apply custom colors to the section. These colors will override the color scheme.
Text color
Select a custom color for all text in the blog post tile. This setting applies only if the Override with custom colors option is enabled.
Background color
Select a custom color for background of the blog post tile. This setting applies only if the Override with custom colors option is enabled.
Set up tag navigation
You can use blog posts tags to allow visitors to filter posts by category. Blog post tags appear as a row or dropdown menu.
Edit blog posts tags
Go to Online Store > Blog posts to edit your posts. In the Tags field, enter tags separated by commas or select existing tags.
Choose which tags to show
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, separated by commas. For example: News, Lifestyle, Tutorials, Reviews.
Click Blog posts section to find settings
Show tag navigation
Display blog post tags to allow visitors to filter posts by category. By default, all post tags are used as article categories. To limit which tags to use, go to Theme settings > Blog. In the Article categories field, enter the tags you want to use, separated by commas.
Tab design
Select the style of the article categories: Line displays selected tags underlined; Contained displays selected tags in a colored box.
Font
Choose the font for the tags: either the Body or Heading font from your theme settings.
Text size
Increase or decrease the size of the tag text: between 3 to 8.
Related links
Last updated
Was this helpful?