How to have Breadcrumbs activated in dawn theme store
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!
Thanks @Anonymous for your response. Its working fine however I need few clarifications.
- 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
- I need to reduce the extra space appearing below the breadcrumb as highlighted in yellow.
@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!
@pawankumar - I have already added the products in the collection named as drinkware but still the collection name is not appearing in the breadcrumbs.
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
I tried to update the liquid file but not working.
Could you or someone help to amend the code if store password is shared.
You have to replace
{{product.url}}
To
{{ product.url | within: collection }}
Product object be card_product or similar in your case
Thanks!
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!
Please change product.url to card_product.url
