Breadcrumbs

Written in stage 2

What this is for, when to use it, its layouts, screenshots and examples. Everything below is generated from the theme’s schema, so it always matches the theme editor.

Where you can add it

Any template and section group.

Settings

Setting	Type	Default	Options and range
Content
Show home link	Checkbox	On
Home link style	Select	Text	Text Icon Icon and text
Separator	Select	Chevron	Chevron Slash Dot Dash Arrow
Show current page When off, the trail ends at the parent page.	Checkbox	On
Current page style	Select	Emphasized	Emphasized Same as links
Maximum title length Longer titles end with an ellipsis.	Range	28 ch	12–48 ch, step 4
Current page name Replaces the current page’s name. On metaobject pages, connect it to a field.	Text	—
Hierarchy
Build the trail from a menu Adds the parent links a page has in the menu, like Women › Dresses.	Checkbox	On
Menu Choose any menu. A menu you don’t show in the header lets breadcrumbs follow their own hierarchy. Shown when Build the trail from a menu is on.	Menu	main-menu
Parent link Adds one parent link when the menu doesn’t include this page.	Link	—
Parent link label Shown when Parent link is set.	Text	—
Product pages
Product collection Connect a collection metafield to choose each product’s collection. Used when the customer didn’t arrive from a collection.	Collection	—
When no collection is found Used when the menu and the collection setting don’t place the product.	Select	Use the product’s first collection	Use the product’s first collection Show the product only
Collection and blog pages
Show tag filter	Checkbox	On
Show page number	Checkbox	On
Layout
Layout on desktop	Select	Wrap	Wrap Single line, swipeable
Layout on tablet	Select	Wrap	Wrap Single line, swipeable Back link to parent
Layout on mobile Single line opens scrolled to the current page.	Select	Single line, swipeable	Wrap Single line, swipeable Back link to parent
Style
Font	Select	Body	Body Heading
Text size	Select	Small	Small Medium Large
Text case	Select	Default	Default Uppercase
Link effect	Select	Underline	Underline None
Divider line	Select	None	None Below Above and below
Search engines
Add breadcrumb data for search engines Search engines receive the same trail customers see. Leave off in a block if the page also has the Breadcrumbs section.	Checkbox	On
Settings every section has — Layout, spacing, motion and visibility — the same in every section. Not in this section: Section width. Defaults here: Top spacing 16 px (everywhere else: 64 px); Bottom spacing 16 px (everywhere else: 64 px); Top spacing on mobile 12 px (everywhere else: 40 px); Bottom spacing on mobile 12 px (everywhere else: 40 px); Reveal style None (everywhere else: Use theme setting).

Presets

• Breadcrumbs — Category: Layout
  Starts with: empty