Related Posts

What this section does

Related blog posts list

Where it goes

• Can be used as many times as you like on one page.
• This section is in every plan — no extra plugin needed.

Styles

Different looks for the same section. You can change the style later; your content stays as it is.

The first 2 styles of every section are open on every store. The rest unlock with the Page Editor plugin — all at once, not style by style.

• Grid

  Freegrid

  Cards in a grid layout

  Specific to this style: title, postIds, columns, showExcerpt, showDate, titleColor, cardBg, cardBgOpacity, cardBgBlur, cardTextColor, paddingY

• List

  Freelist

  Vertical list of related posts

  Specific to this style: title, postIds, showImage, titleColor, paddingY

• Minimal

  Page Editorminimal

  Text-only links to related posts

  Specific to this style: title, postIds, titleColor, paddingY

• Carousel

  Page Editorcarousel

  Horizontal scrolling row of post cards

  Specific to this style: title, postIds, showImage, showExcerpt, showDate, titleColor, cardBg, cardBgOpacity, cardBgBlur, cardTextColor, paddingY

• Featured

  Page Editorfeatured

  One large lead post beside a vertical list of the rest

  Specific to this style: title, postIds, showImage, showExcerpt, showDate, titleColor, cardBg, cardBgOpacity, cardBgBlur, cardTextColor, paddingY

• Numbered Editorial

  Page Editornumbered-editorial-list

  Ordered rows with a large mono index number, title and excerpt

  Specific to this style: title, postIds, showExcerpt, showDate, titleColor, paddingY

• Thumbnail Rail

  Page Editorthumbnail-rail

  Horizontal scroll-snap row of small fixed-width cover-and-title cards

  Specific to this style: title, postIds, showDate, titleColor, cardTextColor, paddingY

Settings

The fields you see in the Section Settings panel on the right when this section is selected.

Shared by every style

• bg
• contentMaxWidth
• sectionMaxWidth
• horizontalPadding
• verticalPadding
• verticalAlignment
• horizontalAlignment
• horizontalMargin
• verticalMargin
• spacingOverrides
• animationType
• animationDuration
• animationDelay
• animationEasing
• animationStagger
• animationRepeat
• animationParallax
• imageParallax
• animationScrollEffect
• height