Blogs page

Blogs page

Start your free trial
Start your free trial

General

Online store speed
Online store speed
Accessibility
Accessibility
Theme updates
Theme updates

Theme styles

Style presets
Style presets
Colors
Colors
Fonts
Fonts
Animation
Animation
Social media
Social media

Header

Announcement bar
Announcement bar
Mobile menu
Mobile menu
Search bar
Search bar

Sections

Products

Product listings
Product listings
Product badges
Product badges
Quick view
Quick view
Quick add
Quick add

Product page

Product template
Product template
Variant chips
Variant chips
Sticky add-to-cart bar
Sticky add-to-cart bar
Sibling product swatches
Sibling product swatches
Product recommendations
Product recommendations

Collection page

Collections template
Collections template
Banner
Banner
Product grid
Product grid
Filters and sorting
Filters and sorting

Cart

Quick cart
Quick cart
Cart page
Cart page
Added-to-cart popup
Added-to-cart popup
Cross sells
Cross sells
Free shipping bar
Free shipping bar
Low inventory warning
Low inventory warning

Pages

Templates
Templates
Home page
Home page
About page
About page
Blogs page
Blogs page
Blog post
Blog post
Collections list
Collections list
Contact page
Contact page
Password page
Password page
Search page
Search page
404 page
404 page

Support

Support policy
Support policy
Shopify vs Theme issues
Shopify vs Theme issues
Store access requests
Store access requests

Blogs page

The Blogs page lists your latest blog posts. The blog page template includes tag navigation and options for how blog posts are displayed.

This guide explains how to set up the blogs page template, and includes tips and recommendations to get you started.

Quick setup

For the blog page template, you first need to set up blog posts in your Shopify admin. Then, in the theme editor, you can customize the blogs template.

Tip | Check out Shopify's guide on How to start a blog and grow your audience.

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.

Admin | Blog posts are a Shopify feature. See Shopify's guides to create a blog and add blog posts.

Edit blog page template

The default Blog page template includes display settings for the listed blog post articles, and an option to enable tag navigation.

icon
STEPS

In your theme editor (Customize):

  1. Use the Templates selector to open Blogs > Default blog.
  2. Under Template, click the Blog posts section to open the settings.
  3. Choose how many Articles per page to display: between 12 and 36.
  4. Choose which blog post details to display:
  5. Choose to Show tagsShow author, or Show published date of the blog post.

  6. Choose whether show an Excerpt of the blog posts.
  7. By default, Cornerstone will display the first couple of sentences from your post. You can add a custom excerpt or post tagline.

  8. Choose whether to Show featured images of blog posts.
  9. Go to your Shopify admin to upload images for your blog posts.

  10. To make your blog images a uniform shape and size, select the Image aspect ratio to crop your images to SquareLandscape, or Portrait.
  11. The default Natural setting will display the original orientation of your image.

    image
  12. (Optional.) Add theme sections to further customize the design and layout of your blogs page.
  13. You can click the Hide icon or Remove section button to hide or delete sections.

  14. Click Save.

Set up article categories (tag navigation)

You can use blog posts tags to allow visitors to filter posts by category. Article categories appear as a row or dropdown menu.

Go to Online Store > Blog posts to edit your posts. In the Tags field, enter tags separated by commas or select existing tags.

All post tags are used as article categories by default. To choose which tags to display as 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.

Settings reference

In the Blogs template, click Blog posts to find the following settings.

Blog posts layout

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.

Tag navigation

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.

Article options

Choose which elements to show for each blog post listing.

Show tags
Choose to show blog post tags from your Shopify admin above the post tile. To edit blog post tags, go to Online Store > Blog Posts. In the Tags field, enter tags separated by commas or select existing tags.
Show author
Choose to show the author name below the post title. The author name is the name of the staff member that created the post.
Show published date
Choose to show the date when the post was publish above the post title.
Show excerpt
Choose to show a few lines from your post as a preview. By default, the first few lines of your post are used. To add a custom excerpt, go to Online Store > Blog posts. Click Add excerpt and enter a short summary.
Show featured image
Show the blog post image added in your Shopify admin.
Featured image aspect ratio
Choose to crop all images to be a single uniform shape. Select Square (1:1), Portrait (2:3), or Landscape (3:2). Select Natural to display images in their original shape (without cropping). Learn more about aspect ratios in our image settings guide.

Text boxes

Choose to display blog posts as tiles with color backgrounds.

Show text boxes
Choose to show a border around the blog post images and text content.
Text box style
Select the style of the text box, if enabled. Choose from multiple options to display 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.