Blog post

Template

The Blog Post template provides the design and layout of your blog post articles. Publish Blog posts to share store announcements, updates, and featured content, and help increase organic traffic to your site.

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

Add blog posts in Shopify admin


Before editing the Blog post template, you need to add at least one blog post in your Shopify admin.

Blog posts use the Featured image, Title, Content, Tags, Published date and Author.

Customize page style


Click the page section to edit the general styles, available for all page templates:

Customize post title block


The Title block display the blog post title. You can customize the title width and text size.

Click Title block to find settings

Setting
Description
Options

Full width title

Display the title at full width

Heading size

Set the size of the blog post title

1-8 Default: 6

Show blog post details


By default, posts display the published date, author, and tags. Click Blog post to choose which blog post details to show.

Setting
Description

Show article tags

Display tags associated with the blog post

Show author

Display the author of the blog post

Show published date

Display the date the blog post was published


Change the width and height of the featured image, for both desktop and mobile screens.

Click Featured image block to find settings

Setting
Description
Options

Width

Set the width of the featured image

Full width Full width padded Page width Default

Image height

Set the height of the featured image

Adapt to image Default Custom

Custom desktop height

For desktop, set the Custom banner height to a fixed height (in pixels) or relative height (as a percentage of the screen height).

Fixed height 250 - 750px Relative height 50 - 100% Default: 450px

Custom mobile height

For mobile, set the Custom banner height to a fixed height (in pixels) or relative height (as a percentage of the screen height).

Fixed height 150 - 750px Relative height 50 - 100% Default: 350px

Enable post comments


In the Shopify admin, you can choose to enable comments. The comment form includes fields for Name, Email, and Message.

Show share buttons


By default, the Share block displays icons for sharing your post to social media. Use the drag-and-drop handles to re-order the block or remove the block.

Enable native OS sharing


Enable native OS sharing to replace share icons with sharing options on a user’s device. Visitors can share the blog post through apps like Messages, Email, or their social media apps.

Click Share block to find settings

Setting
Description

Enable native OS sharing

When enabled, a "Share this" link will open the native sharing options for the user's device.

Last updated

Was this helpful?