How to have Breadcrumbs activated in dawn theme store

[ashishsharma178]

How to have Breadcrumbs activated in dawn theme store

[pawankumar · Accepted solution]

Hi @ashishsharma178 
I think, its not in Dawn theme by default but
You can use this code: https://shopify.github.io/liquid-code-examples/example/breadcrumb-navigation
To implement it and add it at relevant place
Thanks!

[ashishsharma178]

Thanks @Anonymous for your response. Its working fine however I need few clarifications.

1) My subsection is not appearing in the breadcrumb as shown below. It should show as Home>Drinkware>Mug5 but it is appearing as Home>Mug5 

2) I need to reduce the extra space appearing below the breadcrumb as highlighted in yellow.

[pawankumar]

@ashishsharma178 
Collection name will show if you come to product via collecton with collection link, Add within: collection on product cards if you have not already added that and to reduce extra space, it may be some margin or padding, you can adjust that with some CSS
Product url with collection will be like this
yourstore/collections/collection-handle/products/product-handle

Thanks!

[ashishsharma178]

@pawankumar - I have already added the products in the collection named as drinkware but still the collection name is not appearing in the breadcrumbs.

[pawankumar]

It's not about adding products in collection, it's about editing your product cards on collection pages and add within: collection filter in product.url. You can find it on Shopify docs as well to make it easy for you. It will require knowledge of liquid code to implement it

[ashishsharma178]

I tried to update the liquid file but not working.

Could you or someone help to amend the code if store password is shared.

[pawankumar]

You have to replace 

{{product.url}}

To

{{ product.url | within: collection }}

 Product object be card_product or similar in your case
Thanks!

[ashishsharma178]

Already did the same but its not working so asking if someone can adapt the code.

[pawankumar]

Please change product.url to card_product.url

We will find 2 to 3 occurences of it, Please replace each of them
I think, it should work
Thanks!

[pawankumar]

@ashishsharma178 

Please change product.url to card_product.url

[ashishsharma178]

I changed to card_product.url across the code however still the same issue.