Add Breadcrumbs to product page Dawn Theme

Store Design
, ,

Topic summary

A user seeks to add breadcrumb navigation to their product pages in Shopify’s Dawn theme, allowing customers to navigate back to their browsing category.

Initial Solution Provided:

  • Locate theme files (product.liquid, collection.liquid, or page.liquid)
  • Edit the file to insert breadcrumb HTML code in the <header> or <nav> section
  • Basic HTML structure example was shared (though incomplete in the thread)

Follow-up Issue:
Another user reports breadcrumbs disappeared after updating to Dawn version 10, requesting updated code compatible with the latest theme version.

Additional Resources Shared:

  • YouTube tutorial video link
  • External guide on implementing Shopify breadcrumbs

Status: The discussion remains open with no confirmed solution for Dawn 10 compatibility. Multiple implementation approaches have been suggested but not verified.

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

Hello,

I want to add breadcrumbs so my customers can navigate back to the category they are searching, Can anyone help me with this.

Thank you.

2

  1. Identify the appropriate theme file: Depending on your Shopify theme, you’ll need to locate the appropriate theme file to edit. Look for files like product.liquid, collection.liquid, or page.liquid in your theme’s code editor.

  2. Edit the theme file: Open the theme file you identified in the previous step and locate the appropriate location to add the breadcrumb code. This is usually in the <header> or <nav> section.

  3. Add the breadcrumb HTML code: Insert HTML code that generates the breadcrumb structure based on the current page’s hierarchy. Here’s an example of a basic breadcrumb structure:
3

Hello,

Thank you for this. Do you have an updated code to add to Dawn update 10 that just came out? My Breadcrumbs are gone after the update.

Thank you!

4

You can follow this video.

5

This process works for me on adding shopify breadcrumps

https://www.codeniden.com/how-to-add-breadcrumps-on-shopify/