How to Configure Shopify Breadcrumbs for Product, Collection, and Blog Templates

Breadcrumbs are easy to treat as one global navigation element, but Shopify stores rarely need the exact same breadcrumb behavior on every template. A product page may need a path back to a preferred collection. A collection page may need a parent category. A blog article may need a simple editorial path. A search page may need only a short orientation cue. If every page type uses the same breadcrumb logic, the result can feel inconsistent, crowded, or misleading.

This guide shows how to configure Shopify breadcrumbs by template instead of forcing one universal setup. The goal is simple: give customers enough orientation to keep browsing, while keeping each breadcrumb path accurate, readable, and aligned with the page they are viewing.

Start With the Template, Not the Breadcrumb Design

Before choosing colors, separators, or schema settings, decide what each Shopify template is supposed to communicate. Breadcrumbs should reflect the store structure you want customers to understand, not necessarily every possible collection a product belongs to.

For a broader planning step, it helps to map your Shopify collection hierarchy and category tree first. Once the hierarchy is clear, template-level configuration becomes much easier because you know which pages need full paths and which pages only need lightweight navigation.

Template Configuration Matrix

Use this matrix as a practical starting point before configuring breadcrumbs in your theme editor, app blocks, Liquid templates, or structured data settings.

Shopify template	Recommended breadcrumb pattern	Main decision	Common mistake
Product template	Home > Preferred collection > Product	Which collection should be the product's default path?	Showing a sale, new arrivals, or temporary collection as the main parent.
Collection template	Home > Parent category > Current collection	Does this collection belong under a stable parent category?	Treating every Shopify collection as a top-level category.
Blog template	Home > Blog	Should the blog index appear as an editorial hub?	Trying to force product category logic onto editorial content.
Article template	Home > Blog > Article	Should the article title appear as the current breadcrumb item?	Repeating a very long article title on mobile.
Page template	Home > Page title	Is the page informational, policy-related, or part of a landing-page flow?	Adding unnecessary category links to standalone pages.
Search template	Home > Search results	Does the page need orientation without implying a category hierarchy?	Using collection breadcrumbs for search results.

Product Template: Choose a Stable Product Path

The product template is usually the most important place to configure breadcrumbs carefully. Shopify products can belong to many collections at once: a permanent category, a seasonal campaign, a sale collection, a bestseller group, and a smart collection. That does not mean every collection should become the product's breadcrumb parent.

A good product breadcrumb answers one customer question: “Where can I go to see more products like this?” For most stores, that means the product breadcrumb should point back to a stable category, not a temporary merchandising collection.

For example:

• Better: Home > Tea Sets > Japanese Tea Sets > Matcha Bowl
• Risky: Home > Sale > Matcha Bowl
• Risky: Home > New Arrivals > Matcha Bowl

Sale and new-arrival collections are useful for merchandising, but they are often poor long-term breadcrumb parents. If you need more detail on this scenario, see this guide on products that belong to multiple Shopify collections.

Collection Template: Show the Parent Category When It Helps

Collection pages need a different decision. A collection breadcrumb should help customers understand where the current collection sits inside your catalog. If the collection is a top-level category, the path can stay short. If it is a subcategory, show the parent.

Examples:

• Top-level collection: Home > Rugs
• Subcategory: Home > Rugs > Washable Rugs
• Deeper category: Home > Tea > Teaware > Cast Iron Teapots

The key is not to pretend Shopify has native nested collections everywhere. Shopify collections are flexible and often flat, so the hierarchy usually needs to be planned through navigation, app configuration, metafields, or custom theme logic.

Blog and Article Templates: Keep Editorial Breadcrumbs Simple

Blog and article templates should usually be simpler than product and collection templates. A blog post is not a product category, so avoid forcing product hierarchy into editorial breadcrumbs unless your store has a very specific content taxonomy.

For most Shopify blogs, a clean article breadcrumb looks like this:

• Home > Blog > How to Choose a Cast Iron Teapot

On mobile, the article title can become long. You may decide to hide the current article item visually while still keeping a clear path back to the blog index. That creates a cleaner reading experience without removing orientation completely.

Page and Search Templates: Use Breadcrumbs Only When They Add Clarity

Not every Shopify template needs a long breadcrumb trail. Static pages, landing pages, search results, and policy pages often work best with short paths or no breadcrumb at all.

For example, a search results page should not pretend the visitor is inside a collection. A simple “Home > Search results” path is usually enough. A campaign landing page may not need breadcrumbs if the page is designed as a focused conversion flow. A help page may benefit from “Home > Help” if it gives customers a useful way back to support content.

This is why page-specific enable and disable settings matter. A good breadcrumb setup is not only about where breadcrumbs appear, but also where they should stay out of the way.

Configuration Options: Theme Settings, App Blocks, Liquid, or App Setup

There are several ways to configure breadcrumbs across Shopify templates. The best option depends on your theme, your catalog complexity, and how often your team changes collections.

Method	Works best for	Watch out for
Theme settings	Simple stores using a theme with built-in breadcrumbs	Limited control by template and limited hierarchy rules.
Theme app blocks	OS 2.0 themes where you want visual placement control	The block must be added to the correct product, collection, blog, or article template.
Custom Liquid	Developer-managed stores with custom path rules	Theme updates, duplicated breadcrumbs, and schema mismatch risk.
Breadcrumb app	Stores that need manageable hierarchy and page-level settings without editing every template	Confirm the app supports the templates and display rules you need.

When you are configuring theme blocks, page settings, schema, JSON-LD, BreadcrumbList output, Liquid placement, or implementation details, keep a setup reference open. The setup documentation can help you check which settings affect storefront display and structured data.

Where Breadcrumbs & Categories Fits

After you know how each template should behave, the next challenge is keeping those rules manageable. Breadcrumbs & Categories can help merchants manage Shopify breadcrumbs and collection hierarchy without editing every product, collection, blog, or article template manually.

This is especially useful when product pages need preferred collection paths, collection pages need parent-child category context, and blog/article pages need simpler editorial breadcrumbs. The practical benefit is not just adding breadcrumbs; it is making the configuration easier to review as the store grows.

Common Template Configuration Mistakes

• Using one breadcrumb pattern everywhere: Product, collection, article, page, and search templates do not always need the same structure.
• Forgetting the collection template: Some stores add breadcrumbs to product pages but leave collection pages without orientation.
• Overloading blog breadcrumbs: Blog articles usually need simpler paths than product pages.
• Showing the product name twice: If the product title is already the H1, the current breadcrumb item may create visual repetition. See this guide on product H1 and breadcrumb duplication.
• Letting search pages imply category hierarchy: Search results are not collection pages and should not pretend to be.
• Ignoring schema consistency: Visible breadcrumbs and BreadcrumbList structured data should describe the same path.
• Skipping mobile QA: Breadcrumbs that work on desktop can become cramped or hard to tap on phones.

Template QA Checklist

Before publishing your breadcrumb setup, review each template separately.

• Product pages: Does the breadcrumb use a stable preferred collection path?
• Collection pages: Does the breadcrumb show the parent category when a parent exists?
• Blog index: Does the breadcrumb keep editorial navigation simple?
• Article pages: Is the article title readable, or should the current item be hidden visually?
• Static pages: Does the breadcrumb help, or does it add unnecessary clutter?
• Search pages: Does the breadcrumb avoid implying a false category path?
• Mobile: Are labels short enough, tap targets usable, and spacing clean?
• Schema: Does BreadcrumbList match the visible breadcrumb path?

Developer Handoff Notes

If a developer or theme partner will configure breadcrumbs for you, give them a page-specific brief rather than a generic “add breadcrumbs” request. Include the product template path rule, collection hierarchy examples, whether blog/article breadcrumbs should show the current title, whether the current item should be hidden on mobile, and whether structured data should be generated by the theme or an app.

This avoids a common problem: breadcrumbs appear technically correct but do not match how customers browse the store.

Conclusion

Configuring Shopify breadcrumbs well means treating each template differently. Product pages need preferred collection paths. Collection pages need hierarchy clarity. Blog and article pages need simple editorial orientation. Static pages and search results need restraint. When these decisions are made intentionally, breadcrumbs become easier to maintain and more useful for customers.

They can also support SEO by improving internal links, crawl clarity, and BreadcrumbList consistency, but they should not be treated as a ranking guarantee. The best breadcrumb setup is the one that accurately reflects your store structure while staying readable on every important template.