You’ll also need to make sure your blog posts are set up with featured images and blog excerpts.
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:
And here’s what an Alternating 3-2 layout looks like:
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.
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.
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:
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:
|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.