Blog posts

If your Shopify store has a blog, you can use the Blog posts section to showcase selected articles from that blog.

To add this section, please follow the below steps:

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Add section and choose "Blog posts".

Section settings

Setting
Description

Heading

The title for this section.

Heading style

Style of the heading:

  • Default

  • Marquee from left to right - Scrolls text horizontally on the screen, starting from the left side and moving towards the right.

  • Marquee from right to left - Scrolls text horizontally on the screen, starting from the right side and moving towards the left.

Heading size

The size of the heading text:

  • Small

  • Medium

  • Large

  • Extra large

Heading alignment

The alignment of the heading text and description within the section container:

  • Left - Aligns the heading and description to the left.

  • Center (default) - Aligns the heading and description in the center.

  • Right - Aligns the heading and description to the right.

Description

The description for this section.

Blog

The blog you want to display blog posts from.

Number of blog posts to show

Determines the number of blog posts to show on this section.

Color scheme

Set the color of the section.

Show featured image

Displays the featured image for the blog post. For best results, use an image with a 3:2 aspect ratio.

Show date

Displays the date that the blog post was published.

Show author

Displays the author of the blog post.

Show short description

Displays the short description of the blog post.

Show comment count

Displays the the number of published comments of the blog post.

Enable "View all" button if blog includes more blog posts than shown

Displays the "View all" button if collection has more products than the "Number of blog posts to show" setting.

Section padding

Setting
Description

Top padding

Determines the height of the top inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).

Bottom padding

Determines the height of the bottom inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).

Last updated