Blog post pages

Blog post pages on your online store display the content of a blog post. By default, blog post pages contain a Blog post section in the theme editor.

The Blog post section has no customizable settings, but it contains the following default blocks:

  • Featured image
  • Title
  • Share
  • Content

Blog post section blocks

Review the settings and descriptions for the default blocks in the Blog post section on blog post pages.

The settings for the Featured image block on the blog post page
SettingDescription
Featured image height Set the height of the blog post's featured image. Choose from the following options:
  • Adapt to image - Keeps the image's original aspect ratio.
  • Small, Medium, or Large - Image specifications are listed in the table below.
Sizes of the featured image on the blog post page
Small cardsLarge cards
Small featured image height
  • Desktop - 177 px
  • Tablet - 143 px
  • Mobile - N/A
Small featured image height
  • Desktop - 275 px
  • Tablet - 220 px
  • Mobile - 110 px
Medium featured image height
  • Desktop - 307 px
  • Tablet - 219 px
  • Mobile - N/A
Medium featured image height
  • Desktop - 550 px
  • Tablet - 440 px
  • Mobile - 220 px
Large featured image height
  • Desktop - 407 px
  • Tablet - 275 px
  • Mobile - N/A
Large featured image height
  • Desktop - 825 px
  • Tablet - 660 px
  • Mobile - 330 px

Title block

The settings for the Title block on the blog post page
SettingDescription
Show dateDisplays the date that the blog post was published.
Show authorDisplays the author of the blog post.

Share block

The Share block displays a clickable link that lets customers share the blog post on their social media.

The settings for the Share block on the blog post page
SettingDescription
TextThe clickable text that customers click to share the blog post on their social media.

Content block

The Content block displays the content of the blog post that you created in the Online Store > Blog posts section of your Shopify admin. It has no customizable settings.

Add a block to your blog post section

You can add the Featured image block, Title block, Share block, or Content block to a Blog post section in the theme editor. Learn more about how to Add a block.

Steps:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Navigate to your blog posts template in the theme editor:

    1. Click the Home page drop-down menu.
    2. Click Blog posts.
    3. Click the relevant blog posts template that you want to edit.
  4. In the Template field, hover over the Blog post section, and then click Add block.

  5. In the dialog, click the block that you want to add.

  6. Optional: Click the block that you added, and then make any necessary changes to the block's settings.

  7. Click Save.

Can’t find the answers you’re looking for? We’re here to help.