Re: How to have Breadcrumbs activated in dawn theme store

Solved

How to have Breadcrumbs activated in dawn theme store

ashishsharma178
Excursionist
28 0 3

How to have Breadcrumbs activated in dawn theme store

Accepted Solution (1)

pawankumar
Shopify Partner
552 73 95

This is an 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!

- Need a Shopify developer? Chat on WhatsApp +91-9467121281
- Coffee Tip: Buymeacoffee  | Email: thepkpawankumar@gmail.com
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Best regards,
Pawan

View solution in original post

Replies 11 (11)

pawankumar
Shopify Partner
552 73 95

This is an 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!

- Need a Shopify developer? Chat on WhatsApp +91-9467121281
- Coffee Tip: Buymeacoffee  | Email: thepkpawankumar@gmail.com
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Best regards,
Pawan
ashishsharma178
Excursionist
28 0 3

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 

 

ashishsharma178_0-1714151068434.png

 

 

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

 

ashishsharma178_1-1714151295762.png

 

pawankumar
Shopify Partner
552 73 95

@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!

- Need a Shopify developer? Chat on WhatsApp +91-9467121281
- Coffee Tip: Buymeacoffee  | Email: thepkpawankumar@gmail.com
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Best regards,
Pawan
ashishsharma178
Excursionist
28 0 3

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

 

ashishsharma178_0-1714154670283.png

 

pawankumar
Shopify Partner
552 73 95

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

- Need a Shopify developer? Chat on WhatsApp +91-9467121281
- Coffee Tip: Buymeacoffee  | Email: thepkpawankumar@gmail.com
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Best regards,
Pawan
ashishsharma178
Excursionist
28 0 3
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
Shopify Partner
552 73 95

You have to replace 

{{product.url}}

To

{{ product.url | within: collection }}

 Product object be card_product or similar in your case
Thanks!

- Need a Shopify developer? Chat on WhatsApp +91-9467121281
- Coffee Tip: Buymeacoffee  | Email: thepkpawankumar@gmail.com
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Best regards,
Pawan
ashishsharma178
Excursionist
28 0 3

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

 

ashishsharma178_0-1714197812081.png

 

pawankumar
Shopify Partner
552 73 95

pawankumar_0-1714280513659.png

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!

- Need a Shopify developer? Chat on WhatsApp +91-9467121281
- Coffee Tip: Buymeacoffee  | Email: thepkpawankumar@gmail.com
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Best regards,
Pawan
pawankumar
Shopify Partner
552 73 95

@ashishsharma178 

Please change product.url to card_product.url

- Need a Shopify developer? Chat on WhatsApp +91-9467121281
- Coffee Tip: Buymeacoffee  | Email: thepkpawankumar@gmail.com
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Best regards,
Pawan
ashishsharma178
Excursionist
28 0 3

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

 

ashishsharma178_0-1714393096289.png