Customizing blogs

Storefront blog posts

Blogs on the storefront will display in chronological order based on the date they're published. You can override this and 'pin' articles to the storefront using tags.

To do this, specify a tag in the blog settings under the Filter by tag section. In the example below we use the tag pinned:

From the blog admin, add the tag to the article you wish to pin to the storefront.

Blog Layout

Featured article banner

You can set a featured article that will display as a full-width banner at the top of the blog. To feature a blog post, set a tag in the blog settings. In the example below we used the tag featured:

From the blog admin, add the tag to blog post you'd like to set as the featured article:

Tip - Hide tags

You can prevent tags from showing in the blog filter by adding them into the blog settings shown below:

Grid settings

You can set the number of columns to change the look and feel of the blog.

For a grid style layout, make sure all of the featured images are the same size. If you'd like more of a staggered 'masonry style', mix up the aspect ratios of features images.

Read more about optimizing images in our image size guide.

Article page layout

Featured image position

You can display an optional featured image and set the blog title to sit above, below or left of the image.

Embedding images

In most cases, you want to set the images size for embedded images to original. This will ensure the images span the width of the article. If your blog images are appearing cropped or smaller than the original, double check the size settings above when embedding them from the editor.