Blog Post Template

About Blog Post TemplateClick to copy 2222

The blog post template controls the look and feel of blog posts on your Shopify store. You can customize it to make your blog posts more professional and engaging.

The default Blog post template has a single section called Blog Post. This section cannot be removed, but it can be hidden. You can freely add or remove any other sections to the blog post template.

Blog postClick to copy 2222

The Blog Post section has 3 default blocks: Featured Image, Blog Title, and Content. Each block can only be used once in the same section. If one element has been added, you will not be able to add more elements of the same type.

The Blog Post section does not have any additional settings. To add a comment section to a blog post, you need to go to the Editor of your blog post in the Shopify Dashboard.

To customize a block in the Blog Post section, click on the block you want to edit. However, some blocks do not have customizable settings, such as the Title and Content blocks.

Feature ImageClick to copy 2222

Image in this section is automatically taken from the Blog Post image. To change the image, go to the Editor of your Blog Post on Shopify Dashboard.

Image height and width is set to be fixed by default according to the devices:

  • Mobile: 35vh and full width
  • Tablet portrait: 50vh and container width
  • Desktop regular/ tablet landscape: 50vh and 10 cols
  • Desktop large: 50vh and 10 cols

Blog TitleClick to copy 2222

In the blog post title, you can choose to show or hide the author, date, and share icon.

When the share icon is enabled, there are options to share the blog post on Facebook, Pinterest, Twitter, email, or copy the link to share on other channels. You can change the links for these social media on the Shopify admin dashboard.

ContentClick to copy 2222

The content block contains the following:

  • Texts: The text of the blog post.
  • Tags: The tags associated with the blog post are displayed at the bottom of the text content. If the tags exceed the container, they will be broken into new lines. You can select each tag filter to display articles containing that tag.

You can choose to display or hide it by selecting the Show tags option.

  • Navigation: The previous and next buttons that allow users to navigate between blog posts. These buttons only show if the user has more than one blog post. The content will be auto-inserted into the blog post content.
  • Comment section: The comment section where users can leave comments on the blog post. Comments are displayed in chronological order. The comment section will be auto-inserted below the blog post content.

To disable comments on a blog post, follow these steps:

  1. Go to your Shopify dashboard.
  2. Click on Online Store.
  3. Click on Blog posts.
  4. Click on Manage comments.
  5. Click on the name of the blog that contains the blog post you want to disable comments for.
  6. In the Comments section, select the option for “Comments are disabled”.
  7. Click on Save.

Navigate this category