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.

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