Blog posts

Use the available section and blocks to change the style and layout of the article pages.

Tip: To edit the page, choose the Blog posts template in the top drop-down. Then, press the "Blog post" section.

Blog post

Before setting changes to the blog posts page, make sure you have created articles in your Shopify admin. Learn how to add and edit Blogs and Blog posts here.

This page can be customized with such blocks: "Featured image", "Title", "Share", and "Content". Press "Add block" to add blocks one by one.

Tip: To add a block, press "Add block" in the "Blog post" section and select the one from the list. Each block can be moved up and down to arrange it in the desired sequence on the page.

Theme Blocks

Featured image

If you need to display an image on article pages, add this block. Additionally, check whether the image was added as a Featured image in Shopify admin -> Online Store -> Blog posts.

Here you can change the size of an image to "Small", "Medium", or "Large". If it is unnecessary to resize the image, select "Adapt to image" in the "Featured image height" drop-down. The recommended image ratio is 16:9 (width-to-height respectively).

Title

Add this block in order to display the title of each blog post. To show post details like date and author, tick the "Show date" and "Show author" options.

Share

Add this block to show the "Share" button on the page. In the "Text" field, you can place the button's title.

Content

To showcase the body paragraphs that develop the topic of the posts, this section should be added.

Leave a comment

To display the comments section below the Blog post, apply the needed settings for each blog in your Shopify admin -> Online Store -> Blog posts.

These are general steps you can follow to set up the comments:

Step 1:

In your Shopify admin -> Online Store -> Blog posts, open the Blog post.

Step 2:

Then, scroll down to the "Comments" and choose a blog:

Step 3:

On the opened page, decide if Comments on articles are allowed for the particular Blog:

Here is how comments might display on the Blog posts page: