Blog post

The page of a single post, made for reading: a calm header, a table of contents, a reading progress bar, share buttons, the author box, the previous and next post and related posts.

In the editor
Blog post
Where it goes
Its own template – open that kind of page in the editor
In the presets
Index: Blog post; Poster: Blog post; Petal: Blog post
Settings
39
App blocks
Yes
  • Layout: Title above the image, Title and image side by side, or Title on the image (with an Overlay opacity for contrast).
  • Show the first tag above the title, the excerpt, the author, the date and the reading time.
  • Show breadcrumbs, which replace the link back to the blog, or Show link back to the blog.

Image

Show featured image, its Image width (Like the text, Page width or Full width) and Image ratio.

Reading

  • Text width and Text position, and Text size (Normal or Large).
  • Large first letter: a drop cap that opens the post.
  • Show table of contents: built from the post's headings, shown beside the text on wide screens. Write headings with the Heading 2 and Heading 3 styles in the post editor.
  • Show reading progress bar: a thin bar at the top that fills as the reader scrolls.

After the post

  • Share buttons: Under the title, Beside the text, while scrolling or Below the text, as icons in circles, icons only or buttons with names.
  • Show tags and Show author box – the name, photo and bio from the author's staff account in Shopify.
  • Show previous and next post.
  • Related posts: 2–4 posts from the same blog, those sharing a tag first, then the newest ones, under your own Heading.

All settings

Every setting in the order of the theme editor, with its options and its default value.

Section: Blog post39 settings
SettingOptionsDefault
Header
LayoutTitle above the image · Title and image side by side · Title on the imageTitle above the image
Text alignmentLeft · CenterCenter
Heading sizeExtra large · Large · MediumLarge
Show breadcrumbsShown instead of the link back to the blogCheckboxOn
Show link back to the blogCheckboxOn
Show the first tag above the titleCheckboxOn
Show excerptCheckboxOn
Show authorCheckboxOn
Show dateCheckboxOn
Show reading timeCheckboxOn
Image
Show featured imageCheckboxOn
Image widthLike the text · Page width · Full widthPage width
Image ratioOriginal · Landscape · Wide · PortraitWide
Overlay opacity0–90%45%
Text
Text widthNarrow · Medium · Wide · Page widthMedium
Text positionLeft · Center · RightCenter
Text sizeNormal · LargeLarge
Large first letterCheckboxOn
Show table of contentsBuilt from the headings in the post. Shown beside the text on wide screens.CheckboxOn
Show reading progress barCheckboxOn
After the post
Show share buttonCheckboxOn
Share buttonsUnder the title · Beside the text, while scrolling · Below the textUnder the title
Share button styleIcons in circles · Icons only · Buttons with namesIcons in circles
Show the word "Share"CheckboxOn
Show tagsCheckboxOn
Show author boxName, photo and bio come from the staff account of the author.CheckboxOn
Show previous and next postCheckboxOn
Related posts
Show related postsPosts from the same blog that share a tag, then the newest onesCheckboxOn
HeadingTextSample text
Number of posts2 · 3 · 43
Color schemeColor schemeScheme 1
Section spacing
Top padding0–160px48px
Bottom padding0–160px80px
Top padding on mobile0–120px32px
Bottom padding on mobile0–120px56px
Advanced
Hide on mobileCheckboxOff
Hide on desktopMobile means below the width where the header switches to the mobile menu (Header > Switch to the mobile menu below).CheckboxOff
Animate on scrollCheckboxOn
Anchor IDLink to this section with #anchor-id.Text–