User Guide

Search limit to:

Blog page

by Admin on Jun 17, 2024

1. What is a blog page?

The Blog Page is a crucial part of a website that serves as a content hub, engagement tool, and SEO booster. It helps in building brand authority, connecting with customers, and driving traffic to the site. By regularly publishing valuable content, it enhances the overall user experience and strengthens the relationship between the brand and its audience.

2. How to set up a blog page?

To set up a blog page, follow these grouped configuration steps:

  • Adjust the general layout settings by specifying the number of posts per page and setting the number of columns for desktop display. 

Tips: To highlight the first row, you can set up "Number of columns on first row" differently to other rows. This configuration works like "Number of columns on desktop" but only applies to the first row of the blog post list. By default, it is set to match the "Number of columns on desktop" setting. (Only applies on desktop screens)

  • For mobile devices, choose between different layout options like placing the image on top or to the left.
  • Enhance the appearance of blog posts by enabling featured images and setting the desired image ratio. 
  • Display additional information such as the author’s name, the publication date, excerpts, tags, and comment counts. 


  • For posts without featured images, you can opt to display a secondary background.
  • Adjust the padding for the top and bottom of the blog section to create appropriate spacing around the content.

To include a banner image for the blog page, create a metafield:

In your store backend, go to Settings > Custom data > Metafields > Blogs.

Click Add definition, and fill in the necessary information:

  • Name: "Featured image"
  • Namespace and Key: "custom.image" (Please note that the key needs to be exactly like this.)
  • Description: (optional) describe the purpose.
  • Choose File, then One file, and set rules to accept only images.
  • In each blog post's settings, select an image under Metafield > Featured image to be the banner.

These steps ensure a well-structured and visually appealing blog page that enhances the user experience and displays content effectively.