Introducing Stiletto - the essential Shopify theme to fuel your ecommerce growth. Learn more.

Blog posts

The Blog posts section displays rows of recent blog posts. Select which blog to feature and customize the layout.

The blog posts section
The blog posts section

To learn more about blogs on Shopify, check out their Writing blog posts article.

Before you add a blog posts section

For the Blog posts section to display properly, you will need to add Featured images and Excerpts to all of your blog posts.

  1. Find your blog posts under Online Store > Blog posts.

  2. In the Featured image section, click Add image to upload an image file.

    There are no required dimensions. We recommend using the same shape and size for all blog images with a minimum width of 2048px for optimal quality across all devices.

  3. In the Excerpt section, add a summary of your post.

    If left blank, Context will automatically display the first few sentences of the post.

  4. Click Save.

Add a blog posts section

The blog posts section can be added to any template (except the Checkout). To learn more about sections and templates, see our article about how to use the theme editor.

In the theme editor (Customize):

  1. Select a Template to edit from the dropdown menu in the top bar.

  2. In the side panel, click +Add section and select Blog posts.

  3. Change the order of your sections by using the drag and drop handles ⋮⋮

Set up blog posts

The Blog posts section displays the most recent posts from one of your blogs. Select a blog, then customize the layout and style.

  1. Click on the Blog posts section to open the section settings.

  2. Click Select blog to find and choose the blog you want to feature in this section.

    If some posts are missing feature images, go to Online Store > Blog posts to add a featured image in you Shopify admin.

  3. (Optional) Change the Heading text that displays in the top-left of the section.

    We recommend a short title of 2 to 3 words.

  4. Use the sliders to set the number of Posts per row and number of rows to change the layout of the featured posts.

  5. To make your images a uniform shape and size, select the Image aspect ratio to crop your images to Square, Landscape, or Portrait.

    The default Natural setting will display the original orientation of each image.

    Example of aspect ratio shapes: Square, Landscape, and Portrait
    Example of aspect ratio shapes: Square, Landscape, and Portrait
  6. Remember to click Save.

Blog post section settings

The following settings are available for the blog posts section:

Configuration Settings

Heading

Change the "Blog posts" heading that displays at the top left of the section.

We recommend a short title of 2 to 3 words.

Blog

Choose one of your blogs to display the most recent posts.

Posts per row

Choose how many posts to display per row. Choose between 2 and 4 posts per row.

Rows

Choose to display 1, 2, or 3 rows of posts.

Image aspect ratio

Choose to display your images as Square, Landscape, or Portrait.

The default Natural setting will display the original orientation of each image.

Contact

🇨🇦 Fluorescent Design Inc.

Send us a message
  • Toronto OfficeMonday to Friday, 10am to 6pm ET
  • Victoria (B.C.) OfficeMonday to Friday, 10am to 6pm PT
  • Average Response Time~1 Business Day
* Excludes statutory holidays. All offices closed to the public.