Add image to breadcrumb

[poteto]

Add image to breadcrumb

[abhilashlr]

It should be in either

app/components/bread-crumbs/template.hbs
Or
app/templates/components/bread-crumbs.hbs

[jhunflx]

The correct path is app/components/bread-crumbs/template.hbs

Thank you for taking the time to point me in the right direction!

[abhilashlr]

One can create a custom template in the same name as the add-on - Bread-crumbs.hbs

[jhunflx]

Where does this template reside? In the same directory as my route? Currently I have something like this:

controller.coffee
route.coffee
template.hbs
bread-crumbs.hbs

where template.hbs looks like this:

<div class="row wrapper border-bottom white-bg page-heading">
  <div class="col-md-10">
    <h2>{{bread-crumbs tagName="ol" outputStyle="bootstrap" linkable=false}}</h2>
  </div>
</div>
{{outlet}}

and bread-crumbs.hbs looks like this:

{{log breadCrumb}}
{{#bread-crumbs outputStyle="bootstrap" linkable=true as |component breadCrumb|}}
  {{#bread-crumb route=breadCrumb breadCrumbs=component}}
    <img src="/assets/images/cow.png" /> {{breadCrumb.title}}
  {{/bread-crumb}}
{{/bread-crumbs}}

but the code never hits {{log breadCrumb}} leading me to believe it's not getting called. Do you have any sample code of what this should look like?

Thanks!

[abhilashlr]

Did it already work for you?

If not, can you try adding the bread-crumbs.hbs inside app/components/templates/ path?

[jhunflx]

Unfortunately not. I tried putting the file in app/components/templates as well as in my app/pods/components/templates.

Do you have an example of this working in your project that you can share?

[abhilashlr]

Cool 😎

[fsmanuel]

I'm closing this as the problem is solved.