Page header

The top of every page except the home page: the breadcrumb trail, the page's title and an optional intro. It fills itself in from the page it is on (a page's title, a blog post's title with its date and author, search, your account), so you only change it when you want different words. Give it its own colour scheme or image, separate from the section under it.

Where to find it

In the theme editor, Add section › Page header. The theme starts with it on: Blog, Blog posts, Collections list, Default page, Page template "about", Page template "compare", Page template "contact", Page template "find-a-branch", Page template "help", Page template "help-index", Page template "quick-order", Page template "request-quote", Page template "reseller-application", Page template "support", Search.

Settings

Setting	Choices	Shows when	What it does
Color scheme		Always
Alignment	Left · Center	Always
Show breadcrumbs	On · Off	Always
Overline		Always
Heading		Always	Leave blank to use the page's own title.
Intro		Always	A line under the title, in the lead size. Leave empty to go straight to the page content.
Show page details	On · Off	Always	Blog posts: date, author and reading time. Orders: the order date.
Image		Always
Image shape	Follow density · Square · Landscape (4:3) · Photo (3:2) · Wide (16:9) · Original shape	Image is filled in	Follow density takes the shape from this section's Density. Original shape never crops.

Which settings reveal which:

flowchart LR
  image["Image"]
  image_ratio["Image shape"]
  image -- "filled in" --> image_ratio

Good to know

Leave Heading and Intro empty to use the page's own title. The cart, product and collection pages and the sign-in pages draw their own header and do not use this section.