logo
Shopify Builds>Surfaces>Blog

Blog

Blog covers Shopify's blog and article templates: the index that lists articles by blog and by tag, and the article page itself. Article bodies are merchant-written HTML, with anything structured held in article metafields. The template's job is therefore to add structure to content it did not author, and to do it without editing the body.

How We've Used It

The recurring move is deriving structure at runtime instead of asking editors to author it twice. A table of contents is built from the headings already in the body. Related products come from a metafield rather than from a parser guessing at links. Tag filtering runs over Shopify's own tagged routes, so a filtered index is a real URL. Structured data is the other half: article pages carry hand-authored JSON-LD assembled from the same fields the page renders, which is the only version of that markup we will ship — a payload asserting something the visible page does not say is a liability, not an optimization.

Builds Using It

19 further gated builds use it; their pages follow.

Related Entities

Builds

Creator collab video listing driven by article metafields

A blog turned into a creator video index: each article is a creator record whose video address, platform and handle live in article metafields, rendered as a paginated grid of inline-playing cards that request no third-party iframe until someone presses play.

Nudestix

Tabbed collection product slider and the shared merchandising card

One section renders every configured collection at once and switches between them with a class, so moving from Serums to Cleansers waits on nothing — and one card snippet backs the shelf, the blog and the rewards page.

Three Ships

House pagination component with result counter for blog and collection grids

A self-contained `de_pagination` snippet: pill page buttons, prev and next arrows that become non-focusable spans at the ends of the range, and a computed result-range line, rendered by the blog index and the collection grid from one file.

LUS Brands

Metafield-driven breadcrumbs across product, collection, page, blog and article

One breadcrumb snippet whose ancestor trail is authored per product and per collection through a `custom.breadcrumbs` collection-list metafield, with a three-level fallback for products and natural trails for pages, blogs and articles — rendered as a real navigation landmark from a single argument-free `{% render %}`.

LUS Brands

Product-page FAQ accordion: page-backed answers, mobile 'View More' reveal, auto-emitted FAQPage

A local extension of Palo Alto's Tabs section that hides every FAQ row past the third on mobile behind one reveal button, and emits `FAQPage` JSON-LD from the vendor's own block loop, reading each answer from the same Shopify page or rich-text field the accordion displays.

Three Ships

Metafield-driven editorial article template (TSB blog)

A long-form article template assembled entirely from article metafields — deck, takeaways, science callouts, references, FAQ, author credentials, related reading and in-content commerce — in a single section with no theme-editor settings, so an editor never touches the theme to publish a fully structured post.

Three Ships