Breadcrumb Trail | SaaSFlow Docs

35 settingsPagesBlog postsBlog listings

Where it is used

Every page except system pages (global breadcrumb).

What the module says and shows. Repeaters (groups you can add items to) are marked as such.

Setting Type What it does

Where it showsGroup · 6 settings

This breadcrumb is shared by every page. Decide here which pages show it.

Show on	Choice	The switches below apply on top of this.Options: All pagesOnly the pages listed belowAll pages except the ones listed belowNo pages (turned off)Default: `All pages`
Pages	Text	One page address per line, for example /pricing or /solutions/marketing. End with * to match a whole section, for example /resources/*.
Hide on the homepage	On/off	The homepage is the start of every trail, so it rarely needs one.Default: `On`
Hide on blog and case study posts	On/off	Posts already have their own breadcrumb at the top of the article.Default: `On`
Hide on landing pages	On/off	Pages made with the Homepage 3, Homepage 4, Homepage 5 and Blank templates.Default: `On`
Hide on thank-you pages	On/off	Pages made with the Thank you template.Default: `On`

TrailGroup · 8 settings

Build the trail from	Choice	Page address: /solutions/marketing becomes Home › Solutions › Marketing. Navigation menu: uses the menu's labels and nesting; pages that aren't in the menu fall back to the page address.Options: The page addressA navigation menuDefault: `The page address`
Navigation menu	Menu	The menu to follow, usually your main menu.
Home label	Text	First link in every trail.Default: `Home`
Home shows	Choice	With Icon only, the label is still read by screen readers.Options: Icon and labelIcon onlyLabel onlyDefault: `Icon and label`
Show the current page	On/off	The last item, not linked.Default: `On`
Link the in-between levels	On/off	Turn off if pages like /solutions don't exist, so visitors don't hit a 404.Default: `On`
Rename address parts	Text	Page address only. One per line as address-part = Label, for example pricing = Plans and pricing. Other parts are shown with dashes as spaces.
Longest page title	Number	Longer titles are shortened with an ellipsis.Default: `60`

Add breadcrumb structured data On/off BreadcrumbList schema, so Google can show the page path in results. Posts add their own.Default: On

In the module's Styles tab: layout, color mode, background, fonts, spacing and animation.

Setting Type What it does

Design Choice Look of the trail.Options: Plain linksCurrent page in a pillSoft rounded barDefault: Plain links

Separator Choice Mark between items.Options: ›/→•Default: ›

Alignment Choice Where the trail sits in the page width.Options: LeftCenteredDefault: Left

Text size Choice Size of the trail text.Options: SmallMediumDefault: Small

Color mode Choice "Same as site" follows Theme settings > Color mode.Options: Same as siteLightDarkDefault: Same as site

Highlight color Color Link hover color and the current page in the pill design. Starts as the theme's primary color.

FontsGroup · 2 settings

Heading font	Font	Starts as the theme's heading font. Change it to use another font in this module only.Default: `Outfit`
Text font	Font	Starts as the theme's body font. Change it to use another font in this module only.Default: `Inter`

Transparent background On/off Off: use the background color below.Default: On

Background color Color Leave empty to use the theme colors for the current light or dark mode.

Line under the bar On/off A thin line between the breadcrumb and the page.Default: Off

SpacingGroup · 2 settings

Space above	Number	Desktop and mobile.Default: `14`
Space below	Number	Desktop and mobile.Default: `14`

Words on buttons and for screen readers. Change them to translate the module.

Setting	Type	What it does
Breadcrumb	Text	Name of the breadcrumb navigation.Default: `Breadcrumb`

Tip

Headings support [brackets] to highlight words and | for a new line. See Editing tips.