Breadcrumbs

A section that displays breadcrumbs showing the hierarchy leading to the current page (home → collection → product, and so on). It can also tell Google and other search engines where the page sits.

Origin: Hellostore original

How to add it

This section comes pre-placed at the top of the following bundled templates, so you normally don’t need to add it yourself:

• Blog posts and static pages (page / About / FAQ / favorites / returns, and so on)
• The “Focus” and “Modern” product templates

To add it to the default product template or collection pages, open the theme editor (in the admin: “Online store → Themes → Customize”), and on the target page choose “Breadcrumbs” from “Add section”.

Pages where it renders

Breadcrumbs only render on four page types: products, collections, blog posts, and static pages. It cannot be added to the home page, search results, or other page types.

Product page hierarchy

A product page’s parent collection is the first of the collections registered on the product in the admin. The trail is a single level — home → that collection → product — and does not follow parent/child collections. If the collection shown isn’t the one you intended, check the collection registration order on the product’s edit screen.

Settings

• Show breadcrumbs: Toggles the breadcrumb display (default ON)
• Tell search engines the page path: Tells Google and other search engines where the page sits (default ON). Normally leave this on. Turn it off only if an app already outputs the same information. Turning off “Show breadcrumbs” keeps this information
• Home link text: The text of the first item, which links to the home page. When blank, “Home” is shown
• Separator: Choose the symbol between items from ”› (chevron) / / (slash) / → (arrow) / — (hyphen)” (default: chevron)
• Color scheme: The section’s color scheme
• Top / Bottom: Padding above and below the section (default 8 / 8)