Overview
If you have a blog on your Shopify store, then you can use a Blog post section to highlight posts from that blog. Each blog post in the Blog posts section shows the first 30 words of a post's excerpt. If the blog post doesn't have an excerpt, then the first 30 words of the post are displayed instead..
Section settings
| Setting |
Description |
| Section width |
Set the width of the section using the drop-down menu:
|
| Section spacing |
Set the spacing of the section using the drop-down menu:
|
| Background color |
The background color for the section. |
| Text color |
The text color for the section. |
| ARTICLE CARD |
|
| Featured image ratio |
The ratio for the featured image:
- Adapt to image - Uses the aspect ratio of the images. This prevents the images from being cropped.
- 2:3
- 3:4
- 1:1
- 4:3
- 16:9
- 21:9
|
| Card alignment |
Set the alignment of the card using the drop-down menu:
|
| Mobile layout |
Choose between Horizontal and stacked. |
| Show article category |
Checked the checkbox to show the category. The first article's tag is used as the main category. |
| Show description |
Checked the checkbox to show the excerpt or description of the article |
| Show read more label |
Checked the checkbox to show the read more label. |
Blog block
| Setting |
Description |
| Blog |
Which blog you want to display blog posts from. |
| Number of articles to show |
Number of articles to display.Minimum: 2. Maximum: 4. |
Articles block
| Setting |
Description |
| Article |
The article that you want to display. |
| Article |
The article that you want to display. |
| Article |
The article that you want to display. |
| Article |
The article that you want to display. |
Section header block
| Setting |
Description |
| Heading |
The heading of the section. |
| Header alignment |
Choose the alignment of the section heading. Options are Left and Center. |
| Heading size |
Set the height of heading using the drop-down menu:
|
| Subheading |
The subheading of the section. |
| Button label |
Enter text for a button, or leave blank to hide the button entirely. |
| Button link |
The URL that you want the button to link to. |
