Blog post page
How to customize your Blog posts section?
Steps
- In the theme editor (Customize), open the template selector.
- Select Blog posts, then Default blog post.
- On the left-sidebar, add Product Grid.
- Make necessary changes > Save.
General Settings
| Setting | Description |
|---|---|
| Section width | 3 options for section width |
| Color scheme | Select colors from Theme settings -> Color |
Section padding
| Setting | Description |
|---|---|
| Top | Customize the top margin of the section |
| Bottom | Customize the bottom margin of the section |
Block setting
1. Title
Display article title
- Show published date
- Show category
- Show author
- Show comment
2. Featured image
Display article featured image
Image height: Adjust the height of the background images
- Adapt to image
- Small
- Medium
- Large
3. Content
Display article content.
4. Addons
Display addons:
- Show tags
- Show share button
5. Prev and next articles
Displaying "Next" and "Back" buttons on blog posts allows readers to easily navigate between previous and next articles, enhancing their browsing experience.
6. Related articles
Customize the display of related blog posts
7. Related products
Show a small product carousel at the bottom of a blog post, so readers can buy the products the article talks about. The block holds up to 8 products and displays 3 per row on desktop and tablet.
You can add this block once per blog post template. Add it in Customize -> Blog posts -> Default blog post -> Add block -> Related products.
Steps
- In the theme editor (Customize), open the template selector.
- Select Blog posts, then Default blog post.
- On the left sidebar, add the Related products block.
- Open Products and select the products you want to feature.
- Edit the Heading and Description, adjust the layout settings, then Save.
Until you select products, the block shows placeholder product cards in the theme editor, so you can see the layout before choosing.
No comments yet