Breadcrumbs for Dawn Theme

Store Design
, ,

Topic summary

A user sought to implement hierarchical breadcrumbs (e.g., WOMEN > TOPS > Blouses) on product and collection pages in Shopify’s Dawn theme. They created a breadcrumbs.liquid snippet but only achieved basic navigation showing Home > Collection > Product.

Key Challenge:

  • Shopify doesn’t natively support category hierarchies
  • The initial code only displayed the first collection associated with a product

Proposed Solution:
Another user suggested mimicking hierarchy through navigation menu levels and looping through them to match the collection path, providing example snippet code.

Outcome:

  • The suggested code didn’t resolve the issue
  • The original poster ultimately decided to abandon the breadcrumb implementation
  • The discussion remains unresolved, with no working solution for hierarchical breadcrumbs in Dawn theme
Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

I am using the Dawn theme to create my online shop, and I would like to add breadcrumbs at the top of each product and collection page. I tried to make Snippets :right_arrow: breadcrumbs.liquid

The code I entered:

Home {% if collection %} » {{ collection.title }} {% else %} {% assign first_collection = product.collections.first %} {% if first_collection %} » {{ first_collection.title }} {% endif %} {% endif %} {% if product %} » {{ product.title }} {% endif %}

As a result, it is shown below.

acosylifestyle_0-1747200467463.png

However, I want to show the other categories, such as WOMEN > TOPS > Blouses, between Home and BLOUSES.

Please advise me on how to fix this. Thank you so much.

2

Hi,

Hope this will help

  • Shopify doesn’t support category hierarchy by default.

  • You mimic it using navigation menu levels.

  • You loop through those levels to match collection path.

  • Add snippet to your product and collection pages.

breadcrumbs.liquid Snippet example code
3

Thank you so much for your support.

I tried to insert the code you advised me for the breadcrumbs.liquid.
However, unfortunately, it didn’t work and still shows the same thing.

If you could advise me with the different solution for this, it would be
greatly appreciated.

Thank you so much.

4

I no longer need these breadcrumbs for this theme.

Thank you so much for your support.