Blog posts page

Blog posts page is the section that shows all the posts within the selected blog in grid view.

GENERAL

Color scheme

Choose a separate color scheme for the section.

Width

Choose the width of the section on the page.

BLOG

Show heading

Select to show the name of the featured blog.

Show RSS icon

Select to show the RSS icon that is a link to your blog Rich Site Summary (RSS) feed. Customers can select the icon and subscribe to your blog. Note that to read the RSS feed, you and your customers should have an RSS feed reader plugin or browser extension installed.

Navigation tags

Choose whether and what tags to show on the panel over the blog post cards, used for navigation within the blog. The panel features the tag labels you assigned to your blog posts in Shopify admin. It allows you to filter and show only the posts tagged with a certain label.

Select tags

Fill in the tag labels you want to show on the tag navigation panel. Separate each tag label with a comma. Note that these tags appear only if you choose to show ‘Selected’ navigation tags.

Collapse extra tags

Select to show only the first row of tags on the tag navigation panel and hide the remaining tags in a dropdown list. To view all the tags, select the button at the end of the row of tags.

POSTS

Image ratio

Adjust the proportion between the width and height for all the cover images of blog posts, and make their orientation square, horizontal, or vertical.

Show tags

Select to show the tags, if any, that you assigned to your blog posts in Shopify admin. Tags appear as badges on the cover image of the post.

Show author

Select to show the authors of blog posts.

Show date

Select to show the dates when the posts were added to your blog.

Show comment count

Select to show the number of comments on each blog post.

Show excerpt

Select to show the introductory text of each blog post.

Show 'Read more' link

Select to show the links that redirect to the whole blog post on a separate 'Blog posts' page.

Posts to show

Adjust how many posts of the selected blog appear in the section.

Posts per row

Adjust how many blog post cards show in the row at once.

Desktop space between posts

Adjust the spacing at the top, bottom, and sides between the blog posts within the section.

Mobile space between posts

Adjust the spacing at the top, bottom, and sides between the blog posts within the section.

Pagination

If the blog has more posts than the section can fit, or if you have chosen to limit the number of visible posts on purpose, the blog content will be split. Choose how to navigate the content on multiple pages.

Click to load	shows a 'Load more' button at the bottom
Infinite scroll	automatically shows more content as you scroll down the page
Classic pagination	shows the number of pages with navigation arrows on the sides

TAGS

Adjust the view of tags on blog post cards.

Show tags

Choose whether to show all or selected tags, or to hide them.

Select tags

Fill in the tag labels you want to show on blog post cards. Separate each tag label with a comma. Note that these tags appear only if you choose to show ‘Selected’ tags.

Tags position

Choose the tags position within the blog post card.

Collapse extra tags

Select to show only the first row of tags on the blog post card and hide the remaining tags in a dropdown list. To view all the tags, select the button at the end of the row of tags.

PADDINGS

Add side paddings

Select to add extra space on the sides between the section and the screen.

Top padding

Adjust the space between the section and the previous element on the page.

Bottom padding

Adjust the space between the section and the following element on the page.