Blogs page

Template

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

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.

Shopify | 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.

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 the Number of columns on desktop to display: 2, 3, or 4.

  5. Choose which blog post details to display: Show tags, Show author, or Show published date of the blog post.

  6. 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.

  7. Choose to Show featured images of blog posts.

    Go to your Shopify admin to upload images for your blog posts.

  8. 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.

  9. (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.

  10. Click Save.

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

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

SettingDescription

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

SettingDescription

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.

SettingDescription

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 Portrait (2:3), Portrait (4:5), Square (1:1), Landscape (5:4), 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.

SettingDescription

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.


Related links

Templates Blog posts template

Last updated