“How can I configure featured blog posts on the home page?”

You can set up a section on your storefront to show off latest blog posts. You need a blog with at least three posts in order to use this feature.

Featured blog section

You’ll also need to make sure your blog posts are set up with featured images and blog excerpts.

Show blog title
Select this checkbox to show the title of the blog. For example, if your blog is called “News” and this option is selected, heading text that says “News” appears on the home page.
Blog to feature
Select the blog you would like to feature on the storefront.
Number of posts to feature
Select the number of blog posts that should be featured on the home page.
Posts per row
Change how many blog posts appear per row. Options include 1, 2, 3, Alternating 2–3 and Alternating 3–2. See an example

Posts per row

There are six different layouts you can use to display your featured blog posts: 1 post per row, 2 posts per row, 3 posts per row, 4 posts per row, Alternating 2–3 posts per row and Alternating 3–2 posts per row. No matter which layout you choose, the blog posts each scale to take up the full width of the storefront.

Here’s what an Alternating 2-3 layout looks like:

Alternating 2-3 layout

And here’s what an Alternating 3-2 layout looks like:

Alternating 3-2 layout

You can set a featured image for each blog post. While adding or editing a blog post, upload a high-resolution image to the Featured Image section. This is the image that is displayed on the storefront.

On the homepage, Lorenza displays featured images as landscape-oriented images (3:2 aspect ratio). Use landscape-oriented images for consistent display with minimal cropping. For more information, about how blog images are displayed, see the How does Lorenza display blog images? section below.

Set up a blog excerpt

You can change the featured text for each blog post. Shopify calls this a blog excerpt. While adding or editing a blog post, you can add the blog excerpt by selecting the Add an excerpt… link underneath the post editor.

How does Lorenza display blog images?

Lorenza gives your featured blog images an extra-wide treatment. It will scale your images so that they fit full-width across the page, and it will crop the top and bottom of your images if they are too tall.

Here’s a diagram showing how Lorenza would crop and image that is too call for the featured blog image container:

Blog image cropping behavior

To avoid too much cropping, use an extra-wide image with an aspect ratio of 2:1. That means you want to use an image that’s twice as wide as it is tall.

For the absolute best results, you can use our recommended image dimensions below:

Width Height
1080 pixels* 500 pixels*

* Recommended image dimensions. This is the exact width and length of the image container that appears on your blog’s index. On mobile devices and article pages, the image is scaled down at the same aspect ratio.