Chord Section - Blog posts

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:
  • Grid
  • Full width
Section spacing Set the spacing of the section using the drop-down menu:
  • Small
  • Medium
  • Large
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:
  • Left
  • Center
  • Right
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:
  • Small
  • Medium
  • Large
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.

Section cases

Recently viewed