Blog

The blog index: article cards with linked titles, images, and excerpts, with pagination.

Merchant-addable
No — template section
Settings
10
Block types
File
sections/blog.liquid

Used by default on: Blog

Screenshots pending

Captures for Blog at desktop and mobile widths are generated from a live store by npm run shots. They appear here automatically once that has run.

When to use it

Automatic for every blog.

Setting it up

  1. Set Layout and Card content, then Color and Padding.

Where the content comes from

Shopify blog and article data.

Section settings

Every setting on the section itself, in the order it appears in the theme editor. Group headings match the editor's own grouping.

Show blog titleCheckbox
ID
show_title
Default
On

Layout

Posts per pageSlider
ID
posts_per_page
Default
9
Range
3 to 24, in steps of 1
Columns on desktopDropdown
ID
columns_desktop
Default
3 columns
  • 2 columns2
  • 3 columns3
  • 4 columns4

Card content

Show featured imageCheckbox
ID
show_image
Default
On
Show dateCheckbox
ID
show_date
Default
On
Show authorCheckbox
ID
show_author
Default
Off
Show excerptCheckbox
ID
show_excerpt
Default
On

Color

Color schemeColor scheme
ID
color_scheme
Default
scheme-1

Padding

Top paddingSlider
ID
padding_top
Default
52
Range
0px to 100px, in steps of 4px
Bottom paddingSlider
ID
padding_bottom
Default
52
Range
0px to 100px, in steps of 4px