The Blog posts collage section lets you display recent articles from a selected blog in a collage-style layout. It is useful for featuring editorial content, announcements, guides, or stories on the homepage or other store pages.
The section automatically pulls articles from the blog you select in the theme editor. The first article is displayed as the main featured article, while the remaining articles appear beside it in a smaller layout.
How to Set Up the Blog Posts Collage Section in Concept
STEPS:
Add the Blog posts collage section
Open your Shopify admin and go to Online Store > Themes.
Find the Concept theme and click Customize.
Open the page template where you want to show the blog collage.
Click Add section.
Select Blog posts collage.
After adding the section, move it to the desired position on the page.
Click Save when finished.
Select the blog and number of posts
Open the Blog posts collage section in the theme editor.
Use the Blog setting to select the blog you want to display.
Use Blog posts to choose how many articles should appear in the collage.
The section supports 2 to 4 posts.
The layout adjusts automatically based on the number of articles displayed.
- The first article is shown as the main featured article.
- The other articles are shown as secondary articles.
- If the selected blog has fewer articles than the selected post limit, only the available articles will be displayed.
Enable Show “View all” button if you want to add a button that links customers to the full blog page.
The button only appears when the selected blog has more articles than the number displayed in the section.
For example, if the section displays 3 posts and the blog has more than 3 articles, the View all button can appear in the section heading area.
Configure article card content
Use the post display settings to control what information appears on each article card.
Available settings include:
| Setting | Description |
|---|---|
| Image ratio | Controls the article image shape, such as adapt, square, portrait, landscape, or wide. |
| Show tags | Displays article tags. |
| Show date | Displays the article publish date. |
| Show comments | Displays the comment count when comments are enabled for the blog. |
| Show author | Displays the article author. |
| Show excerpt | Displays the article excerpt. |
For the best visual result, add a featured image to each article in Shopify admin.
Configure the section heading
Use the heading settings to customize the text displayed above the collage.
Available settings include:
| Setting | Description |
|---|---|
| Heading | Adds the main heading for the section. |
| Heading size | Controls the heading size. |
| Heading alignment | Aligns the section heading to the left, center, or right. |
| Heading tag | Sets the HTML tag used for the heading. |
| Subheading | Adds smaller text above the heading. |
| Description | Adds supporting text below the heading. |
You can also use the highlight settings to apply a highlighted text style to the heading.
Customize colors and section layout
Use the color settings to customize the section appearance.
Available color settings include:
- Text color
- Background color
- Background gradient
- Highlight color
- Highlight gradient
- Button text color
- Button background color
- Button background gradient
Use the section layout settings to control spacing and shape.
| Setting | Description |
|---|---|
| Top padding | Adjusts the spacing above the section. |
| Bottom padding | Adjusts the spacing below the section. |
| Show section divider | Adds a divider line above the section. |
| Make section full width | Expands the section to the full browser width. |
| Make section rounded | Applies rounded styling to the section container. |
Troubleshooting
If the section does not show any articles, check the following:
- Make sure a blog is selected in the Blog posts collage section.
- Make sure the selected blog has published articles.
- Make sure the articles are visible on your Online Store sales channel.
- Make sure each article has a featured image if you want the collage layout to look complete.
- If the View all button does not appear, make sure the blog has more articles than the selected post limit.
- If comments do not appear, make sure comments are enabled for the blog.
Need Further Assistance
If you encounter any issues or need additional help with your Concept theme, please reach out to our support team via our Ticket System for assistance within 8 hours.
शेयर करना:
How to Set Up the Cart Drawer in Concept
How to Set Up the Blog Posts Section in Concept