Breadcrumb

What this section does

Navigation breadcrumb trail

Where it goes

• Can be used at most 1 time(s) on one page.
• This section is in every plan — no extra plugin needed.

Styles

Different looks for the same section. You can change the style later; your content stays as it is.

The first 2 styles of every section are open on every store. The rest unlock with the Page Editor plugin — all at once, not style by style.

• Default

  Freedefault

  Standard breadcrumb with separators

  Specific to this style: show, showHomeIcon, separator, size, alignment, textColor, linkColor, bg, contentMaxWidth, sectionMaxWidth, horizontalPadding, verticalPadding, verticalAlignment, horizontalAlignment, horizontalMargin, verticalMargin, spacingOverrides

• Minimal

  Freeminimal

  Clean, text-only breadcrumb

  Specific to this style: show, showHomeIcon, separator, size, alignment, textColor, linkColor, bg, contentMaxWidth, sectionMaxWidth, horizontalPadding, verticalPadding, verticalAlignment, horizontalAlignment, horizontalMargin, verticalMargin, spacingOverrides

• Bordered

  Page Editorbordered

  Breadcrumb with a subtle border

  Specific to this style: show, showHomeIcon, separator, size, alignment, textColor, linkColor, bg, contentMaxWidth, sectionMaxWidth, horizontalPadding, verticalPadding, verticalAlignment, horizontalAlignment, horizontalMargin, verticalMargin, spacingOverrides

• Pill

  Page Editorpill

  Pill-shaped breadcrumb items

  Specific to this style: show, showHomeIcon, separator, size, alignment, textColor, linkColor, bg, contentMaxWidth, sectionMaxWidth, horizontalPadding, verticalPadding, verticalAlignment, horizontalAlignment, horizontalMargin, verticalMargin, spacingOverrides

• Dark

  Page Editordark

  Dark background breadcrumb

  Specific to this style: show, showHomeIcon, separator, size, alignment, textColor, linkColor, bg, contentMaxWidth, sectionMaxWidth, horizontalPadding, verticalPadding, verticalAlignment, horizontalAlignment, horizontalMargin, verticalMargin, spacingOverrides

• Arrows

  Page Editorarrows

  Chevron-shaped connected segments (arrow ribbon)

  Specific to this style: show, showHomeIcon, separator, size, alignment, textColor, linkColor, bg, contentMaxWidth, sectionMaxWidth, horizontalPadding, verticalPadding, verticalAlignment, horizontalAlignment, horizontalMargin, verticalMargin, spacingOverrides

• Tabs

  Page Editortabs

  Crumbs as connected file-tabs on a baseline

  Specific to this style: show, showHomeIcon, separator, size, alignment, textColor, linkColor, bg, contentMaxWidth, sectionMaxWidth, horizontalPadding, verticalPadding, verticalAlignment, horizontalAlignment, horizontalMargin, verticalMargin, spacingOverrides