Blog page
Blog pages are the homepage for any blogs that you create within your Shopify admin. By default, they contain a Blog posts section.
How to add a blog?
Go to Online Store -> Blog posts.
Click Manage blogs. After that, click Add blog.
Enter a title the blog.
Click Save.
Optional: To make a published blog appear in your online store navigation, add a link to it in a menu.
How to create a blog template?
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Choose Blogs from the dropdown window -> Choose Create template.
If you create a template in an unpublished theme, the new template can only be assigned in the Shopify admin after the theme is published.
How to apply a new blog template?
Go to Online Store -> Blog posts.
Click Manage blogs.
Find and click the blog that you want to edit.
Choose template from Theme template.
Click Save.
If you create a template in an unpublished theme, the new template can only be assigned in the Shopify admin after the theme is published.
How to set up section for blog?
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Choose Blogs from the dropdown window -> Choose Default blog.
From the side menu, select Blog posts. Configure the blog page in the setting on the side with the following settings.
Setting | Description |
---|---|
Show article tags | Select this checkbox to show/hide the article tags on the blog page. |
Maximum tags to show | Set the number of tags to show on the blog page. From 1 to a maximum of 10. |
Tags alignment | This setting allows you to choose how the tags are aligned. There are three options:
|
Blog post card
Setting | Description |
---|---|
Show featured image | Displays the blog post's featured image. |
Show date | For each blog post, displays the date that the blog post was published. |
Show author | For each blog post, displays the author of the blog post. |
Section padding
Setting | Description |
---|---|
Top padding | Determines the height of the top inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel). |
Bottom padding | Determines the height of the bottom inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel). |
Last updated