Sections reference

Page hero

Displays an editorial page heading with a linked breadcrumb trail, image, and CTA.

Available on

page, blog, article, collection, search

Source file

sections/page-hero.liquid

Blocks

none

Merchant notes. Use this at the top of content and utility pages. The breadcrumb field only overrides the visible label of the current page; the Home link and BreadcrumbList structured data are automatic.

Settings

Setting	Type	Details
`color_scheme` Color scheme	color_scheme	default: scheme-2
`breadcrumb` Breadcrumb label (optional override)	text	default: Shop
`eyebrow` Eyebrow	text	default: Helpful guide
`heading` Heading	text	default: Find what you need
`text` Body text	textarea	default: Use this section to introduce a page, guide, article list, or support …
`image` Image	image_picker	Recommended 1000 x 1250px, portrait 4:5. If blank, the Vellum placeholder can be shown.
`image_placeholder` Image placeholder	text	default: Vellum placeholder - 4:5 image
`button_label` Button label	text
`button_link` Button link	url

Blocks

This section has no configurable blocks.

Depends on

snippets/breadcrumbs.liquid
assets/critical.css (.button component)