Appearance
Blog posts
This guide describes setting up the Blog posts section to display a selection of blog posts on a store page. Use blog posts to write about new products, collections, promotions or other news. Refer to Shopify help: Blogs.
The following video shows a blog posts section on a store's homepage. In the video, to provide visitors with separate links to each blog post article, the following settings are adjusted inside the section:
The checkbox option Show post link is set to
on
. This displays a Read more button below each blog post excerpt. Each Read more button provides a link to the corresponding blog post's full article.The checkbox option Show link to blog is set to
off
. This hides the Read more button that links to the whole blog.
For general guidance with modifying sections, refer to Sections overview.
Set up a blog posts section
To set up a blog posts section:
Go to Customize theme. At the top of the page, use the dropdown to select a template that contains a blog posts section. For example, select the Homepage template.
Note
The blog posts section can be added into any page, except Checkout and Giftcard pages. To add a blog posts section into the current page, select Add section > Blog posts. Refer to Shopify help: Add a section.
From the side menu, select Blog posts.
Select a setting described in the following table.
Section setting name | Description |
---|---|
Heading | In the Heading box, enter text to display as a title inside the section. |
Blog | Use the Select blog menu options to set up a blog to display inside the section.
|
Posts | Adjust the Posts slider to set the number of blog posts to display inside the section. The minimum number is 3 and the maximum is 12 . Each post is contained within a dedicated tile/ panel inside the section. |
Crop images | Select the Crop images dropdown to set a shape for the images inside the section. The dropdown options are: No crop, Landscape, Square and Portrait. |
Show author | Select the Show author checkbox to show/ hide the name of a post's author inside the section. |
Show date | Select the Show date checkbox to show/ hide the posting date for posts inside the section. |
Show post excerpt | Select the Show post excerpt checkbox to show/ hide a summary of a post inside the section. |
Show post link | Select the Show post link checkbox to show/ hide a Read more button below a blog post excerpt, inside the section. The button provides a link to the corresponding blog post's full article. |
Show link to blog | Select the Show link to blog checkbox to show/ hide a Read more button inside the section. The button provides a link to the whole blog. |
Text align | Select the Text align dropdown to set a position for the text inside the section. The options are Left and Center. |
Color > Color scheme | Use the Color scheme dropdown to set the color scheme for the section to Primary, Secondary or Tertiary. Refer to Colors. |
Theme settings | Select Theme settings to access additional settings for the section. Refer to Section theme settings menu. |
Remove section | Select Remove section to delete the section from the current page template. |