Dawn Theme Breadcrumbs

RemG
Excursionist
38 1 9

Hi,

What's the best way to add breadcrumbs for the Dawn Theme Shopify OS 2.0?

 

Cheers,

Remy

 

Replies 8 (8)

thejustintharpe
Explorer
59 8 10

Hi @RemG 

 

The easiest and most compatible way is to do so via an app that handles all browsers' behaviors.

 

Here's an example of how you can go about it...

 

  1. Install an app that provides breadcrumbs. Like this one.
  2. In their dashboard - find the customization called "Breadcrumbs" and follow the quick guide there.
  3. It looks something like this...
  4. Go to your Themes page. And click Customize.
  5. From the top dropdown - select the Product page.
  6. Then click on "Add Block" and find the option called "Breadcrumbs".
  7. Drag the block up or down based on where you want to position it.
  8. Save changes. And that's it.

 

2022-10-17 09_41_45.png

 

If you want more customizations to the breadcrumbs - then feel free to let me know.

 

Hope this helps!

Please Like and Mark as Solution if Helpful.
Try for Free. The Most Supportive Product Page Modifier App

Apps Specialist

PaulNewton
Shopify Partner
6274 572 1311

Create a custom static static section, or snippet for your theme pages or the layout.

Reference discussions found by searching forums:

https://community.shopify.com/c/shopify-design/how-to-add-breadcrumbs-shopify-dawn-theme/m-p/1420964 

 

If you need that customization done for you then contact me, info in signature.

Save time & money ,Ask Questions The Smart Way


Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org


RemG
Excursionist
38 1 9

@PaulNewton thanks for that - I tried adding the code so a custom liquid section however it only shows HOME -> Product, no collection navigation

thejustintharpe
Explorer
59 8 10

Hi @RemG 

 

What do you mean by "collection navigation". The breadcrumbs on the collection page?

 

Please share screenshot or links of what you're expecting to acheive.

 

Thanks!

Please Like and Mark as Solution if Helpful.
Try for Free. The Most Supportive Product Page Modifier App

Apps Specialist
RemG
Excursionist
38 1 9

Hi @thejustintharpe , thanks for following up.

Looking to do something like this:

Screen Shot 2022-10-23 at 10.53.41 pm.png

 

 

thejustintharpe
Explorer
59 8 10

Hi @RemG 

 

You can try any product page customizer app that lets you add the breadcrumbs by drag and drop method. It would be the easiest solution for you I think.

 

For example, in the Product Page Customizer's dashboard, you can follow the steps here:

  1. Go to your themes page
  2. Click Customize
  3. From the top dropdown, select "product page"
  4. Now, from the left sidebar - click on "Add block"
  5. A popup will open. Select "Breadcrumbs".
  6. This will add the breadcrumbs UI component to your page.
  7. Now drag and drop to reposition this block wherever you like.

In case you have any difficulty setting it up, please feel free to message me.

 

Hope this helps!

Please Like and Mark as Solution if Helpful.
Try for Free. The Most Supportive Product Page Modifier App

Apps Specialist
PaulNewton
Shopify Partner
6274 572 1311

@RemG wrote:

@PaulNewton thanks for that - I tried adding the code so a custom liquid section however it only shows HOME -> Product, no collection navigation


That code is only boilerplate of the bare minimum.

You would need to customize it using something like the "within" filter to get the current collection context as a url/link.

https://shopify.dev/api/liquid/filters/within 

Typically along with the product page condition output to avoid it showing up everywhere.

Save time & money ,Ask Questions The Smart Way


Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org


sakinur-rahman
Shopify Partner
118 15 19

I have provided here the perfect and bug free solution. It's fully SEO optimized. You check it below.

 

 

Screenshot_1460.png

 

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications -

Your Coffee Tip and my code, A perfect blend. ❤️ Buy Me A Coffee


Website: HelloSakin.com