Blog page

Template

The Blogs page lists your latest blog posts.

Customize page styles


Change the page color scheme and adjust the page width and padding.

Customize layout


  • Choose to show the blog title.

  • Change the number of columns and articles per page.

  • Change the featured article color scheme

Click Blog page section to find settings

Setting
Description
Options

Show blog title

Display the title of the blog.

Articles per page

Set the number of articles to display per page.

1-12 Default: 8

Number of columns

Choose the number of columns for displaying articles.

2 3 Default

Customize featured article


The blog displays the Featured article by default. You can disable the feature the first article option to display all posts as a Grid.

When enabled, you can customize the appearance of the featured articled:

  • Choose the color scheme

  • Change or remove image overlay

  • Adjust heading size of article title.

Click Blog page section to find settings

Setting
Description
Options

Feature the first article

Display the first article in a featured format.

Color scheme

Select a set of colors to apply to the featured article section. You can add and define different color schemes in Theme settings > Colors. Learn more

Overlay opacity

Use the slider to change the transparency of the overlay. Set the opacity to 0% to turn off the overlay.

0 - 100% Default: 20%

Heading size

Change the size of the heading text from small to large.

1 - 8

Mobile heading size

For mobile screens, change the size of the heading text from small to large.

1 - 8

Show category filters


Choose to show category filters to allow visitors to filter blog posts by article categories.

Categories filters on blog page
Blog post tags setting in admin

Click Blog page section to find settings

Setting
Description

Show category filters

Display article categories to allow visitors to filter blog posts.

Show category filter counts

Display the number of posts for each category. Important: If you have more than one blog, the count will include tagged posts for all blogs.

Customize posts style


By default, posts show a featured image, post details, and an optional 'read more' button.

Click the Blog posts section to customize the appearance of posts:

  • Change the image aspect ratio of post images

  • Choose which post details to show

  • Choose to show optional read more button

Change image aspect ratio


Change the aspect ratio to crop post images to be a uniform shape.

The aspect ratio of an image is the proportion between its width and height (w:h). A square image has equal width and height (1:1), whereas most images are either wider (2:1) or taller (1:2).

Click Blog posts section to find settings

Setting
Description
Options

Image aspect ratio

Select an aspect ratio to crop images to be a uniform shape, or select Natural to display images in their original shape.

Natural Default Portrait (2:3) Portrait (4:5) Square (1:1) Landscape (5:4) Landscape (3:2)

Show blog post details


By default, posts display the title, date, author, and tags. Click Blog posts to choose which blog post details to show.

Click Blog posts section to find settings

Setting
Description

Show article tags

Shows tags that you've added to posts in the Shopify admin.

Go to Online Store > Blog posts to edit Tags for each post. Go to Theme settings > Blog to limit which tags are shown.

Show author

Display the name of who created the blog post.

Show published date

Display the date when the post was published.

Show excerpt

When checked, the first few lines of the post will appear below. You can add a custom excerpt to blog posts in your Shopify admin.

Show read more button


Chose to show a "Read more" button for each post. Clicking the post image or title will also redirect to the blog post page.

Click Blog posts section to find settings

Setting
Description
Options

Show "Read more" button

Display a button that links to the blog post.

Button style

Change the style of the "Read more" button.

Solid Outline Default Text

Enable scrolling category text


Show a scrolling text bar with the blog post tags when hovered over. You can also change the Scroll direction and speed.

Click Blog page section to find settings

Setting
Description
Options

Enable scrolling category text on hover

Show scrolling category text when hovering over articles.

Scroll duration

Set the duration for the scrolling category text.

5-45 Default: 10

Scroll direction

Choose the direction for the scrolling category text.

Left Default Right

Choose which tags to show as categories


By default, all blog post tags are used as article categories. Article categories appear in category filters, scrolling category text, and article tags.

You may not want to show all tags that you've added in your Shopify admin. To limit which tags are shown as article categories, go to Theme settings > Blog.

In the Article categories field, enter the tags you want to use in a comma-separated list. For example: Guides, News, Interviews.

Article categories option in theme settings > blog

Last updated

Was this helpful?