How to add breadcrumbs for pages?

Shopify Discussion

Topic summary

A user seeks to implement 3-level breadcrumbs for Shopify pages (e.g., Home/About Us/Company Details), currently only achieving 2 levels. An attached image illustrates the desired structure.

Proposed Solutions:

  • Custom Code Implementation: One responder provides detailed Liquid code snippets for creating breadcrumbs, including separate files for breadcrumbs.liquid and breadcrumbs-arrow.liquid, to be integrated into theme.liquid. This solution covers products, collections, blogs, and pages.

  • Shopify Apps: Multiple third-party apps are recommended for multi-level breadcrumb functionality:

    • TT Schema Breadcrumbs
    • Schema Breadcrumbs
    • Category Breadcrumbs Uncomplicated

  • Official Shopify Code: A link to Shopify’s liquid code examples for breadcrumb navigation is shared as a starting point.

Challenges Noted:

  • Implementing multi-level breadcrumbs via custom code may be complex without developer expertise.
  • One user reports the provided code works for collections and products but fails to pull page titles correctly on Shopify 2.0 themes.

Status: The discussion remains open with no definitive resolution for the original 3-level page breadcrumb requirement. Hiring a developer or using apps is suggested as the most practical approach.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
2

Hello @Uma489 ,

In the event that the material on your website is dynamic, you may require a system that creates breadcrumbs automatically based on where the current page is located within the site hierarchy. Languages for server-side scripting, like JavaScript, or server-side scripting, like PHP, can usually be used to do this.Please share the URL of your website with us so that we may better assist you, as it is difficult to offer more detailed advice without seeing the exact layout and execution of your website.

Thanks.