Blog posts
Shows your latest articles as cards, each with its image, date, title and a short excerpt, plus a button to the blog. Use it on the home page to point to your blog, or under an article to keep readers going: the article template already has one, headed “Keep reading”.
Add the section
Section titled “Add the section”Online Store → Themes → Customize
- In your Shopify admin, go to Online Store → Themes and select Customize on Cosmero.
- At the top of the theme editor, open the template you want to change, such as the home page.
- In the sidebar, select Add section.
- Choose Blog posts.
- Choose a blog in Blog, then select Save.
You can add it to any template, but not to the header or the footer.
Settings
Section titled “Settings”- Heading: the heading above the cards.
- Text: a short intro under the heading.
- Blog: the blog whose latest articles show. Leave it empty on the article template to show other articles from the blog being read. The article being read is always left out, and when its blog has no other articles, the section hides.
- Link label: the label of a button that links to the blog. Leave it empty to hide the button.
- Number of posts: how many articles show, 2 to 6.
- Columns on desktop: the number of cards per row on desktop, 2 to 4. Tablets show up to 2 per row, and on phones the cards sit in a row that scrolls sideways.
- Show excerpt: shows the article’s excerpt, or the start of the article when it has none, cut to 24 words.
- Show first tag: shows each article’s first tag above the date.
- Card color scheme: the colors of the article cards.
- Color scheme: the colors of the panel. You edit color schemes in Theme settings.
- Panel style: Panel is a rounded panel inside the page margin. Flush spans the full page width with square corners.
- Enable full width on mobile: on mobile, the panel runs from edge to edge with square corners. Shown when Panel style is Panel.
- Top padding: space above the content, from 0 to 120 px.
- Bottom padding: space below the content, from 0 to 120 px. On mobile, both paddings are scaled down: 64 px becomes 40 px.
- Until the section has a blog with articles to show, it shows example cards, in your store too. Choose a blog before you publish the page.
- An article without an image gets a text card, with its title in large type.
- Each card is one link to its article.