Shine Blog Page
Theme: Shine · Section type: Blog page section
The Blog page section lists all the posts of a blog on its own page, with the blog title, an optional RSS link, and a card for each post. Use it to let customers browse your stories, guides, and news.
Note: This section is part of the blog template. You can't remove it or add a second one, but you can hide it and add other sections around it. The blog template also includes a Breadcrumb section.
What you can do
- Open the blog page in the theme editor
- Set how many posts load and how
- Choose what each post card shows
- Change the columns and heading alignment
- See what customers see
- Look up every setting in "Settings reference"
- Fix common problems
Open the blog page in the theme editor
- In the theme editor, open the template selector at the top of the page.
- Click Blogs > Default blog.
- In the left sidebar, click Blog page.
Tip: The page heading is the blog's title. To change it, edit the blog in the Shopify admin under Content > Blog posts > Manage blogs.
Set how many posts load and how
- Click Blog page.
- Under General, choose Items per load: 20, 30, 40, or 50 posts.
- Choose a Load blog posts method:
- Pagination shows page numbers below the posts.
- Button shows a load more button that adds the next posts.
- Infinity scroll loads the next posts when customers scroll to the end.
- Click Save.
Choose what each post card shows
- Click Blog page.
- Under Blog post card, check what each card shows: Show featured image, Show blog's tags, Show published date, Show author, and Show excerpt.
- Click Save.
Note: The card style, card color scheme, and image ratio are theme settings. They apply to every blog post card in your store. To change them, click Theme settings > Blog post card and choose a Style (Standard or Card), a Color schemes option, and an Image ratio (Square or Landscape).
Change the columns and heading alignment
- Click Blog page.
- Under Large screen, choose the Default columns per row: 3, 4, or 5.
- Choose a Section heading alignment: Left or Center.
- Under Mobile screen, choose a Section heading alignment: Left or Center.
- Click Save.
What customers see
- Heading: the blog title. If Show RSS is on, an RSS icon appears next to it. Customers click it to open the blog's feed and follow new posts in a feed reader.
- Post cards: each card shows the parts you turned on: the featured image, the tags, the title, the author and date, and the excerpt. Customers click the image or the title to open the post.
- Tags: customers click a tag to see the posts that have that tag.
- More posts: when the blog has more posts than Items per load, customers see page numbers, a load more button, or more posts as they scroll, based on Load blog posts method.
- Phones and tablets: phones show 1 post per row, and tablets show 2. Large screens use Default columns per row.
Settings reference
General
Setting | What it does |
|---|---|
Color schemes | Sets the background and text colors of the section. You edit color schemes in Theme settings > Colors. |
Items per load | Sets how many posts load at a time: 20, 30, 40, or 50. |
Load blog posts method | Loads more posts with Pagination, a Button, or Infinity scroll. |
Show RSS | Shows an RSS icon next to the blog title. The icon links to the blog's feed. |
Blog post card
Setting | What it does |
|---|---|
Show featured image | Shows the post's featured image. |
Show blog's tags | Shows the post's tags above the title. |
Show published date | Shows the date the post was published. |
Show author | Shows the author of the post. |
Show excerpt | Shows the post's excerpt. You add the excerpt in each blog post in the Shopify admin. |
Large screen
Setting | What it does |
|---|---|
Default columns per row | Shows 3, 4, or 5 posts per row. |
Section heading alignment | Aligns the blog title to the Left or Center. |
Mobile screen
Setting | What it does |
|---|---|
Section heading alignment | Aligns the blog title to the Left or Center on phones and tablets. |
Troubleshooting
I can't set the number of columns on phones.
The number of columns on small screens is fixed: 1 post per row on phones and 2 on tablets. Default columns per row applies to large screens only.
The load more button or page numbers don't show.
They appear only when the blog has more posts than Items per load.
The excerpt doesn't show.
The card shows the excerpt only when the post has one. In the Shopify admin, open the blog post and add text in the Excerpt box. Also check that Show excerpt is on.
I can't find the image ratio setting.
The image ratio is now a theme setting. Click Theme settings > Blog post card > Image ratio.
Related articles
Updated on: 23/10/2026
Thank you!