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

Blog posts

The Blog posts section displays a carousel of featured blog posts. Select which articles to feature and customize the content and style of the section.

Blog posts section
Blog posts section

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

Add images and excerpts

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

Steps

In your Shopify admin:

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

    Blog posts editor in Shopify Admin
    Blog posts editor in Shopify Admin
  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 teaser line or summary of your post.

    If left blank, Stiletto will display the first few sentences of the post. We recommend excerpts with a similar length for all blog posts.

  4. Click Save.

Set up section

Add this section to any template (except Checkout) and re-order its position. You can use this section multiple times on the same page with different content and settings.

Note: New sections will appear on all pages that use the same template. To add sections to specific pages only, learn how to create and assign multiple templates.

Steps

In your 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 ⋮⋮

Select blog articles

Display the latest posts from a Selected blog or create a Custom list of blog posts.

Show latest posts

In your theme editor (Customize):

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

  2. Under Blog post source, make sure the Selected blog option is enabled.

  3. Click Select blog to find the blog you want to feature.

    Blogs are a Shopify feature. See their Blogs help guide to learn more.

  4. Use the Number of articles slider to set the maximum number of recent blog posts (between 2 and 12).

  5. Click Save.

Show selected posts

In your theme editor (Customize):

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

  2. Under Blog post source, select Custom list.

  3. In the section list panel, click (+) Add Article to add an article block.

    Click Remove block or the eye icon to delete or hide a block.

  4. Click Select Article to choose an article from the list.

    After you have selected a blog post, you can follow the Edit article link if you need to add a blog image and excerpt.

  5. (Optional.) Use the drag and drop handles ⋮⋮ to change the order of the article blocks.

    Shopify content blocks nested in a section
    Shopify content blocks nested in a section

    Click Remove block or the eye icon to delete or hide a block.

  6. Click Save.

Section headings and button

Add section headings and an optional button that can link to all your blog page.

Steps

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

    Blog posts section settings
    Blog posts section settings
  2. Enter Heading text to display a section title in the top-left.

  3. Enter Subheading text to display below the heading.

    Use the formatting buttons to add bold, italic, or linked text.

  4. Select or paste a URL for the Button Link.

  5. Change the Button label (e.g. "View all posts").

    Leave this field blank to remove the button.

    The most effective button labels ask customers to do something (e.g. Get started, Join us, Shop now). To learn more, read "What is a Call to Action?"

  6. Click Save.

Section style

Change the section style and padding, article options, number of posts, and the shape of your blog images.

Steps

In your theme editor (Customize):

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

    Blog post style settings
    Blog post style settings
  2. Under Article options, select the blog post content that you'd like to display for each featured post.

    Article options include: Article categories, author, published date, excerpt, and featured image.

    These options are set up in the blog post editor in your Shopify admin.

  3. To make your blog images a uniform shape and size, select a Featured 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
  4. Choose to display a Top divider that separates sections with a Solid line.

    The Top divider uses the Lines and borders color selected in the Theme Settings.

  5. Set the Padding option to add space around the section to either the Top and bottom, Top only, Bottom only, or set it to None.

  6. Click Save.

Section content settings

Click on the Blog posts section to find the following settings:

Configuration Settings

Heading

Enter text to display a section title in the top-left corner.

Subheading

Enter text to display a section subheading below the heading.

Select or paste a URL for the button.

Button label

Enter text to display a button label.

Leave this field blank to remove the button.

Number of articles

Select how many blog posts to display from your Selected blog source. Choose between 2 and 12.

Posts appear according to publish date, from newest to oldest.

Add article

Add article blocks for your Custom list of selected blog posts.

Section article options

Click on the Blog posts section to find the article options.

These options use information added to blog posts in your Shopify admin.

Configuration Settings

Article categories

Show the article category of each post.

Add tags to you blog posts in the Shopify admin to use as article categories.

Show author

Show the author of the blog post.

Show published date

Show the date the blog post was published.

Show excerpt

Show the first line or summary of the blog post.

Add a custom excerpt in the blog post editor in the Shopify admin.

Show the blog post image added in the Shopify admin.

Crop the shape of your blog post images to Square, Landscape, or Portrait.

Choose Natural to display the original image shape.

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.