Breadcrumbs that know which collection matters.
Shopify shows one collection in a product's breadcrumb. Breadcrumbs & Categories decides which one with a seven-rule system, and turns your subcollections into a real nested tree.
Home/
Furniture/
Living Room/
Bergen Sofa
-
01
skipped
Follow the visitor's path
Use the collection the shopper actually clicked through.
-
02
skipped
Storefront context
Use the collection named in the current URL.
-
03
skipped
Custom breadcrumb
Use a path saved by hand for this exact product.
-
04
skipped
Default collection
Use the collection marked as this product's preferred path.
-
05
applied
Deepest collection
Use whichever eligible collection sits furthest down the tree.
- Active stores
- 2K+
- App Store rating
- 5.0
- Uptime
- 99.9%
Shopify merchants running the app today.
From 30 reviews on the Shopify App Store.
Breadcrumbs keep resolving on every request.
Same product, two different breadcrumbs.
Most Shopify products sit in more than one collection. Left alone, Shopify shows whichever one it fetched first. We don't leave it alone.
Default Shopify
Home / Clearance / Bergen Sofa
"Clearance" was simply the first collection Shopify's storefront API returned, not the one that helps a shopper understand the catalog.
With Breadcrumbs & Categories
Home / Furniture / Living Room / Bergen Sofa
The rule engine walks the product's collections in priority order and picks the one that actually orients the shopper.
Seven rules pick a winner, top to bottom.
Every rule is checked in order until one of them finds a valid collection to show. Direct /products/ URLs skip straight to rule 3, since there's no visitor path or storefront context to follow.
01
Follow the visitor's path
Uses the collection the shopper navigated through to reach this product.
02
Storefront context
Reads the collection from the current URL, or a remembered valid one.
03
Custom breadcrumb
An exact path saved by hand for one specific product.
04
Default collection
The collection you've marked as this product's preferred automatic path.
05
Deepest collection
Whichever eligible collection has the most parent levels in your tree.
06
Tree order
If depth ties, whichever collection appears first in your tree.
07
Shopify's own order
Final tie-breaker: the first collection Shopify itself returns.
Watch it resolve a real path.
Seventy seconds: a product sitting in several collections, the rules picking one, and the same tree driving the subcollection blocks.
Nest your collections, and the tree does the rest.
Build a real hierarchy, Furniture, then Living Room, then Sofas, and the deepest, most specific collection wins the breadcrumb automatically.
Every layout pulls from the exact same collection tree that drives your breadcrumbs. Switch between them any time from the theme editor, no code required. New to this? Read the complete guide to Shopify subcategories.
- Home
- Furniture
- Bedroom
- Bedframes
- Living Room
- Sofasbreadcrumb resolves here
- Bedroom
- Clearance
- Furniture
Pro
Seven signature layouts today. Yours by the pixel, and growing.
Pro opens the layout studio: seven signature designs, each with an interaction built for it, editable down to the padding, then saved as a draft, previewed on your real theme, and published when it looks right.
New Pro layouts ship regularly, and we build custom ones around your theme, your store and the products you actually sell: a jewellery grid that flatters small square shots, a furniture rail that gives wide room scenes space to breathe. Ask, and it gets made.
A dark horizontal rail whose cards lean and stretch with scroll velocity, then spring back square
Shop by category
Sample subcollections block: dynamic, flexible, and rendered from the same category tree that drives your breadcrumbs.
Grid
3 per row · landscape · 20px gap
Interaction
Subtle reveal on load · 9 hover effects to choose from
Signature
Featured collection spans the full row
- Every layout, fully editable. Columns (1–12), image ratio, gap, corner radius, image fit, section width and padding, heading, card title and product-count typography, colours and margins, each with a separate mobile value.
- Grid or carousel, per breakpoint. Desktop can be a grid while mobile is a carousel, with navigation style, shape and position of its own.
- Eleven load animations, nine hover effects. Six of the seven layouts ship a signature interaction of their own instead. Circle gallery is the one that takes the hover library.
- Five placements. Homepage, catalog, collections list, collection pages and product pages, either automatic or pinned to a CSS selector and insertion point you choose.
- Custom CSS. A scoped editor for the last few pixels, with your own rules on top of the layout.
- Draft, preview, publish, roll back. Build on any plan and preview it on your live theme; publishing to storefront visitors is the Pro entitlement.
Why it matters
Three things your storefront gets back.
One category tree, read by shoppers, by your theme and by search engines, without you maintaining three versions of it.
Every product gets the right parent.
A product in five collections has five possible breadcrumbs. Seven rules run in order (visitor path, URL context, your custom path, the default collection, then depth) and the most specific eligible collection wins. No guessing, no hand-editing.
- 7 ordered rules
- 0 theme edits
Your categories become a real tree.
Shopify collections are a flat list. Nest them into Furniture → Living Room → Sofas and the same hierarchy drives breadcrumbs, subcollection blocks and Previous/Next paging, built with drag and drop or synced straight from a navigation menu.
- ∞ nesting depth
- 7+ Pro layouts
Search engines read the same path.
Every resolved breadcrumb ships BreadcrumbList JSON-LD alongside it, so the trail Google indexes is the trail your shoppers clicked. It is computed from collection data you already have, so there are no third-party calls and no measurable load cost.
- JSON-LD on every path
- 0 external requests
Why choose Breadcrumbs & Categories?
How Breadcrumbs & Categories compares to Shopify's own defaults and to other breadcrumb apps on the App Store.
| Feature | Our app Breadcrumbs & Categories |
Shopify theme default | Shopify collections | Other breadcrumb apps |
|---|---|---|---|---|
| Unlimited nested categoriesBuild category trees with no cap on depth | ✓ | – | LimitedFlat structure only | – |
| Smart breadcrumb navigationAutomatic generation with SEO markup included | ✓ | BasicNo customization | – | ✓ |
| Drag & drop category builderVisual tree editor, no theme code required | ✓ | – | – | VariesApp dependent |
| Custom collection display namesShorten a long title on the storefront without touching the originalRead more → | ✓ | – | LimitedGlobal title only | LimitedNot built for trees |
| Sync with Shopify menusBuild the category tree straight from your existing navigation menu | ✓ | – | – | – |
| Schema.org structured dataRich snippets that help search engines read your catalog | ✓ | – | – | SomeBasic only |
| Export / importBulk edit your tree in a spreadsheet, then import to update or restore | ✓ | LimitedTheme dependent | – | LimitedBasic options |
| Visitor path trackingFollows the actual collection a shopper clicked through, for products in multiple collections | ✓ | – | – | – |
| Short and long URL supportWorks with /products/handle and /collections/handle/products/handle alike | ✓ | – | – | – |
| Dynamic subcategory displayGrid, list, or card layouts for subcollections, set per collection | ✓ | StaticRequires custom code | – | LimitedBreadcrumbs only |
| Flexible app settingsTurn breadcrumbs on or off per page type, no coding needed | ✓ | ManualTheme code editing | – | LimitedBasic options only |
| Collection tree preview, level & ordernewSee each collection's depth and position before a shopper doesSee it on this page → | ✓ | – | – | – |
| Dashboard for every path in your storenewOne place to review resolved paths for Collections, Products, and PagesSee it below → | ✓ | – | – | RareBreadcrumbs only |
| Works with any themeOnline Store 2.0 and Vintage themes both fully supported | ✓ | DependsTheme specific | ✓ | ✓ |
| In-app professional supportAsk questions and track replies without leaving the app | ✓ | – | – | EmailExternal only |
| Customizable subcollection layoutsProSeven signature layouts and counting, each editable down to columns, ratio, spacing, typography and custom CSSSee them above → | ✓ | – | – | LimitedFixed layouts |
| Product breadcrumb short namesProShorten a long product title in the breadcrumb using your own metafield | ✓ | – | – | – |
| Collection breadcrumb short namesProSame for collections, driven by a metafield you control | ✓ | – | – | – |
| Previous / Next product navigationProCollection-aware paging that keeps shoppers inside the category they came from | ✓ | BasicTheme order, no context | – | – |
| Bulk category managementMove, rename, hide or reorder many collections in one pass | ✓ | – | LimitedOne at a time | – |
| Multi-language supportBreadcrumbs and category labels follow the shopper's storefront locale | ✓ | ThemeDepends on theme | – | VariesApp dependent |
| Pricing | Freecatalog-based allowance $4.99/mounlimited, or $49.99/yr $6.99/moPro layouts & navigation, or $69.99/yr | Freewith theme | Freebuilt-in | $5–10/mobreadcrumbs or categories only |
"Other breadcrumb apps" reflects common feature sets seen across the Shopify App Store breadcrumb category, not any single named competitor.
Dashboard for every path in your storenew
Every product, collection, and page in one dashboard, with the breadcrumb it currently resolves to and which rule is driving it.
| Type | Item | Resolved path | Mode |
|---|---|---|---|
| Product | Bergen Sofa | Home › Furniture › Living Room |
Automatic |
| Collection | Living Room | Home › Furniture |
Automatic |
| Page | Shipping & Returns | Home › Help |
Custom |
| Product | Weekender Tote | Home › Bags › Weekender |
Automatic |
Start free. Upgrade when the paths start to matter.
Simple paths that already match Shopify's default don't need to change. Essential is for the paths with a real difference to show. Pro is for making the storefront look like yours.
Free
$0 / forever
No card required
Shopify-default breadcrumbs across your store, plus a catalog-based allowance for advanced breadcrumbs.
- Shopify-default breadcrumbs across your entire store
- A catalog-based allowance of advanced (custom & default) breadcrumbs
- Create and manage your Category Tree
- BreadcrumbList SEO schema
Most stores choose this
Essential
$4.99 / mo
$49.99 / year instead, save about 17%
Automatically applies advanced breadcrumbs and categories across your entire store.
- Everything in Free
- Unlimited advanced breadcrumb paths, applied automatically
- Subcategories on collection pages, with ready-made layouts
- Multi-language support
- Priority support, replies in 4–12 hours
Advanced navigation
Pro
$6.99 / mo
$69.99 / year instead, save about 17%
Unlock the layout studio, advanced storefront labels and collection-aware product navigation.
- Everything in Essential
- Seven customizable layouts and counting, editable down to the pixel
- Product breadcrumb short names using your own metafield
- Collection breadcrumb short names using your own metafield
- Collection-aware Previous and Next product navigation
- App-focused custom requests for your store
| Feature | Free | Essential | Pro |
|---|---|---|---|
| Pricing | |||
| Monthly price | $0 | $4.99/month | $6.99/month |
| Yearly price | $0 | $49.99/year | $69.99/year |
| Breadcrumbs | |||
| Simple breadcrumbs across the store | ✓ | ✓ | ✓ |
| Advanced breadcrumb paths | Catalog-based Free allowance | Unlimited | Unlimited |
| Products, collections and pages | Shared catalog-based allowance | Unlimited | Unlimited |
| Category Tree management | ✓ | ✓ | ✓ |
| Apply Category Tree to storefront breadcrumbs | Catalog-based Free allowance | Automatically across the store | Automatically across the store |
| Calculated path previews | ✓ | ✓ | ✓ |
| Custom breadcrumb paths | Save unlimited drafts; use within your Free allowance | Unlimited publishing | Unlimited publishing |
| Multi-collection breadcrumb rules | Simple fallback | Advanced priority rules | Advanced priority rules |
| Categories & navigation | |||
| Unlimited nested categories (Category Tree) | ✓ | ✓ | ✓ |
| Drag & drop category builder | ✓ | ✓ | ✓ |
| Sync from Shopify menus | ✓ | ✓ | ✓ |
| Custom collection display names | ✓ | ✓ | ✓ |
| Export / import Categories Tree (Excel) | ✓ | ✓ | ✓ |
| Subcategories on collection pages | – | ✓ | ✓ |
| Multiple subcategory layouts | – | ✓ | ✓ |
| Subcategory carousel / slider | – | ✓ | ✓ |
| Customize breadcrumb & subcollection layouts | – | Ready-made layouts | Ready-made + customizable layouts |
| Bulk path management | – | ✓ | ✓ |
| Product short name using your own metafieldPro exclusive | – | – | ✓ |
| Collection short name using your own metafieldPro exclusive | – | – | ✓ |
| Product Navigation ControlsPro exclusive | – | – | ✓ |
| Storefront, SEO & analytics | |||
| Responsive storefront breadcrumbs | ✓ | ✓ | ✓ |
| BreadcrumbList SEO schema (JSON-LD) | ✓ | ✓ | ✓ |
| Follow visitor path breadcrumbs | – | ✓ | ✓ |
| Works with short & long product URLs | ✓ | ✓ | ✓ |
| Setup & localization | |||
| Theme app extension (app embed + blocks) | ✓ | ✓ | ✓ |
| Multi-language support | – | ✓ | ✓ |
| Support | |||
| Support | Standard support | Priority support | Priority support |
Questions merchants actually ask.
What's the difference between Free, Essential and Pro?
It comes down to how advanced breadcrumbs (rules 3 and 4, custom paths and default collections) get applied. On Free, all seven rules still run, but custom and default paths are limited to a catalog-based allowance; products, collections, and pages outside that allowance fall back to the automatic rules only. Essential removes the cap, applies your Category Tree and custom paths across the entire store automatically, and adds the ready-made subcollection layouts. Pro includes everything in Essential and adds the seven customizable layouts, product and collection breadcrumb short names, and collection-aware Previous/Next product navigation.
Does it work with Vintage (legacy) themes?
Yes. Vintage themes need code added by hand rather than receiving updates automatically, so we keep the Vintage implementation current ourselves and let you know when it changes.
Will this slow down my storefront?
The breadcrumb path is calculated from your existing collection data with no extra calls to third-party services, so there's no meaningful added load time.
Can I just set a breadcrumb manually and skip the rules entirely?
Yes. A custom breadcrumb saved for a product is checked at rule 3, ahead of every automatic rule, so it always wins. On Free it draws from your catalog-based allowance; on Essential it's unlimited across the whole store.
What happens to a collection I use only for internal filtering?
If it's included in your category tree it's eligible to appear in a breadcrumb like any other collection. Remove it from the tree and it's excluded from path resolution entirely.
How is priority support different from standard support?
Standard support (Free plan) replies within about 2 business days. Priority support (Essential plan) replies faster, within 4 to 12 hours, every day of the week.
