Breadcrumb navigation for Shopify

Help shoppers find their way back.

A breadcrumb trail shows people exactly where they are in your store — and gives them a one-tap route back to the whole category.

  • Fewer dead ends. Every product page links up into the category above it, so nobody bounces after one page.
  • More products seen per visit. One tap moves a shopper up a level instead of back to the homepage.
  • Better-looking search results. Google can show your category path in place of a raw URL.
✓ No theme code✓ Works with any theme✓ Live in minutes
Home›Snack Heaven›Chips & Crisps›Lay's Cream & Onion
Lay's American Style Cream & Onion
Lay’s

American Style Cream & Onion

₹20.00 ₹25.00
52g78gParty
Add to cart
In stock · Delivered in 2–4 days
Frequently bought together
Published by BreadCrumbs
10+

Separator styles, with or without a home icon

4×

Overflow modes, set apart for desktop and mobile

10↓

Levels deep, whole branches moving together

0·

Lines of theme code you have to write

The problem

When shoppers lose their way, you lose the sale.

Shopify collections are a flat list. A shopper who lands on a product from search has no idea what sits above it — and no way up.

  • 01The trail ends at the product. Nothing on the page says which category it came from.
  • 02The only way back is out. Browser back, or the homepage, or nothing.
  • 03Search shows a URL, not a path. Your structure never reaches Google.
yourstore.com/products/lays-cream-onion
no way back
Lay’s Cream & Onion
Back button — or bounce
yourstore.com/products/lays-cream-onion
Home›Snack Heaven›Chips & Crisps›Lay's Cream & Onion
Lay’s Cream & Onion
One tap to the whole category
Tree editor

Give every collection a place.

Drag collections into the shape your store already has. Click any one to see exactly what its breadcrumb will say and which products sit behind it — before you save.

Tree editor
Preview store Save changes

Your categories

6 collections · 3 levels
✓ Category tree saved.

Drag & drop to reorder, or click a node to edit. Changes reflect instantly in the preview.

Storefront preview i

Add as child (1 level in) ▾Add node
Home›Snack Heaven›Chips & Crisps

Crunchy, tasty and impossible to stop. Explore our wide range of chips, crisps and crunchy delights.

Products in this collection (12)View collection →
Lay's American Style Cream & Onion
Lay's
American Style Cream & Onion
₹20.00
Kurkure Masala Munch
Kurkure
Masala Munch
₹20.00
Uncle Chipps Plain Salted
Uncle Chipps
Plain Salted
₹20.00
Pringles Original
Pringles
Original
₹99.00
i Showing first 4 products. Visit collection to view all.
Visitor path

The way back can match the way in.

A breadcrumb usually says where a product sits in your catalogue. Switch this on and it says how this shopper got there instead — falling back to your tree for anyone who arrives with no route yet.

No route to read yet — the visit starts on the product itself.

Their visit
  1. Google search result
  2. Lay's Cream & Onion
The trail on that page
yourstore.com/products/lays-cream-onion
Home›Snack Heaven›Chips & Crisps›Potato Chips›Lay's Cream & Onion

Lay’s Cream & Onion

Fell back to your category tree

Nothing to follow, so the trail falls back to where the product sits in your tree. Nobody ever lands without a way up.

  • Off until you turn it onA trail built from browsing is a different claim about the page than one built from your tree. The app does not start making it unasked.
  • Additive by defaultOn its own it only fills in where nothing was resolved. Preferring the route over your tree is a second, deliberate switch.
  • Between 1 and 10 stepsYou choose how far back the trail reaches. Three by default — enough to say where they came from without crowding the page.
  • It never reaches usThe route lives in the shopper's own browser for the length of that visit, and expires with it. We store your setting and nothing else.
Structured data

One trail, written twice.

Switch it on and every page carries an invisible copy of its breadcrumb — the BreadcrumbList markup search engines read to show a category path in place of a web address.

What a shopper sees
Home›Snack Heaven›Chips & Crisps›Potato Chips

Potato Chips

Crunchy, tasty and impossible to stop. Explore our wide range of chips, crisps and crunchy delights.

What a search engine reads
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "name": "Home",
      "item": "https://yourstore.com/" },
    { "@type": "ListItem", "position": 2, "name": "Snack Heaven",
      "item": "https://yourstore.com/collections/snack-heaven" },
    { "@type": "ListItem", "position": 3, "name": "Chips & Crisps",
      "item": "https://yourstore.com/collections/chips-crisps" },
    { "@type": "ListItem", "position": 4, "name": "Potato Chips",
      "item": "https://yourstore.com/collections/potato-chips" }
  ]
}
Off until you ask for it.Plenty of themes and most SEO apps already publish a BreadcrumbList, and two on one page compete with each other. Publishing structured data is a claim made on your store’s behalf, so the app will not make it for you — you turn it on once you know yours is the only one.
Setup

Three steps, then it runs itself.

The app checks each step for you and always tells you which one is next.

Checked live1

Add the block

One click opens your theme editor with the breadcrumb already staged — home, product, collection and collection-list pages each get a row.

Checked live2

Arrange collections

Drag between rows to reorder, drop onto a row to nest. Sub-categories travel with their parent. Rename a crumb without renaming the collection.

Checked live3

Pick a style

Choose the separator, how long trails behave, and whether search engines get the path. Set it per theme.

Nesting

Every level you nest is one more crumb.

Drop a collection onto another and it files underneath, branch and all. Go up to ten levels deep — tap a layer to see the trail it produces.

Published trail Level 4
Home›Snack Heaven›Chips & Crisps›Potato Chips›Wafer Style
Appearance

Pick the look. Watch it change.

Every style previews as a real storefront trail, so you recognise it before you choose.

yourstore.com/collections/potato-chips
Collection page
Home›Snack Heaven›Chips & Crisps›Potato Chips

Potato Chips

Long trails

A path that fits a laptop rarely fits a phone.

Choose what a long trail does when it runs out of room — separately for desktop and mobile.

One line you can swipe. Nothing is hidden and the trail never changes height — the safe default.

Uses the separator you picked above.

Snack Heaven▾ 2
Home›Snack Heaven›Chips & Crisps›Potato Chips›Wafer Style›Lay's Cream & Onion

Lay’s Cream & Onion

Features

Small things that stop it breaking.

The parts you only notice when they're missing.

One collection, one place

A crumb always links somewhere real. Collections already in the tree open as added, so nothing lands twice.

Add above or below

Choose sibling, child or parent before you pick. Adding a parent lifts the whole branch inside it.

Display names

Show “Shoes” where the collection is called “Men's Footwear”. Changes the crumb, nothing else.

Live preview

See the trail and the first products behind it while you arrange, before you save.

Refresh from Shopify

Renamed a collection in the admin? Pull the new titles in without touching your arrangement.

Deleted collections flagged

A removed collection shows up flagged instead of quietly publishing a dead link.

Per-theme settings

Style each theme separately, published or not, and save them all in one go.

Save and discard

The save bar appears only when something changed. Discard puts it back exactly as it was.

Your data stays yours

Everything is stored in your own Shopify metafields. Uninstall and your store keeps working.

Merchants

What store owners say.

★★★★★

We have four levels of collections and shoppers kept getting lost. Set the tree up in an evening and bounce on category pages dropped noticeably.

Ritika Sen
Founder, Kalaa Studio
★★★★★

The theme deep link is the part I tell people about. I've installed a lot of apps and this is the first one that put its own block in for me.

Daniel Okafor
Ecommerce lead, Northbound
★★★★★

Renaming a crumb without renaming the collection sounds tiny. It saved us rewriting half our navigation.

Marta Ruiz
Owner, Casa Lino
FAQ

Before you install.

The eight things merchants ask us first.

Something not here? support@shopgears.com — a person answers.

Do I have to edit my theme?

No. One click opens your theme editor with the breadcrumb already staged, and you press Save. Home, product, collection and collection-list pages each get their own row, so you can add it where you want it and leave the rest.

There is no Liquid to paste and nothing to undo later — removing the app removes the block.

Will it work with my theme?

It works with any Online Store 2.0 theme. The breadcrumb is a theme app block, so it drops into a section the same way your theme's own blocks do, and it inherits the page's fonts and colours.

If a page hasn't had the block added yet, the setup checklist on the app's home screen says so rather than leaving you guessing.

Doesn't Shopify already do breadcrumbs?

Shopify collections are a flat list. Nothing in the platform records which collection sits inside which, so a theme has no hierarchy to render even when it wants to.

This app is where you express that hierarchy once. Everything else follows from it.

What about a product in more than one collection?

Each collection has exactly one place in your tree, so a crumb always links somewhere real. A product in three collections resolves through the one you arranged.

Turn the visitor path on and the route the shopper actually took decides instead — which is usually the collection they were just looking at.

Will it slow my storefront down?

No. The trail is rendered in Liquid from a metafield that is already on the page. There is no extra request, no third-party script, and no JavaScript needed to draw the breadcrumb itself.

Who owns the data, and what happens if I uninstall?

Your tree, display names and style settings are written to your own Shopify metafields. We keep no second copy, and the app requests no customer, order or payment permissions at all.

Uninstall and Shopify removes the app's metafields with it. Your store keeps working exactly as it did before.

What happens when I rename a collection?

Refresh from Shopify pulls the new titles in without touching how you arranged them. If a collection has been deleted, it shows up flagged instead of quietly publishing a dead link.

Display names are separate: show “Shoes” in the trail where the collection is called “Men's Footwear”, and nothing else about the collection changes.

Should I switch structured data on?

Only if nothing else on the page already publishes a BreadcrumbList. Plenty of themes and most SEO apps emit one, and two on a page compete — which is why it ships switched off rather than on.

If yours is the only one, switch it on and Google can show your category path in place of a raw URL.

Get started

Set it up once. Every page gets a trail.

Install on your development store, arrange your collections, and see it live on the storefront in a few minutes.

BreadCrumbs

Breadcrumb navigation for Shopify, built on your own collections and stored in your own metafields.