Adding a new segment in breadcrumb navigation?

support
1

Hello everyone,

I want to add a breadcrumb navigation to my site and using this one https://gohugo.io/content-management/sections/#example-breadcrumb-navigation which works very well. My only question is now can I add another segment? Reason being I have some pages that are nested 3 levels. I tried to add .p3 to the code but it broke :frowning:

<ol  class="nav navbar-nav">
  {{ template "breadcrumbnav" (dict "p1" . "p2" .) }}
</ol>
{{ define "breadcrumbnav" }}
{{ if .p1.Parent }}
{{ template "breadcrumbnav" (dict "p1" .p1.Parent "p2" .p2 )  }}
{{ else if not .p1.IsHome }}
{{ template "breadcrumbnav" (dict "p1" .p1.Site.Home "p2" .p2 )  }}
{{ end }}
<li{{ if eq .p1 .p2 }} class="active"{{ end }}>
  <a href="{{ .p1.Permalink }}">{{ .p1.Title }}</a>
</li>
{{ end }}

I broke my repo as well lol but hope to get it back.
Thanks in advance,
Emma x

2

This is what I use to go 3 levels deep. i.e. Home > First Section > Nested Section > Content file (within Nested Section). It’s sort of based on this old post albeit adapted to current day Hugo.

<span class="breadcrumb">
<a href="/">Home</a><span> > </span>
  {{ template "breadcrumb" dict "currentPage" .Page "perma" .Permalink }}
</span>
<!-- templates -->
{{ define "breadcrumb" }}
 {{ if .currentPage.Parent }}
 {{ if ne .currentPage.Parent .IsHome }}
    {{ template "breadcrumb" dict "currentPage" .currentPage.Parent }}
  {{ end }}
    {{ if eq .perma .currentPage.Permalink }}
      <a href="{{ .currentPage.Permalink }}">{{ .currentPage.Title }}</a>
    {{ else }}
      <a href="{{ .currentPage.Permalink }}">{{ .currentPage.Title }}</a> >
    {{ end }}
{{ end }}
{{ end }}

Note that the above breadcrumb will not work for taxonomies.

3

Oh thank you @alexandros your code worked better for what I needed, but shame about it not working for taxonomies (( breadcrumbs seem to be a very frustrating thing when you mix taxonomies and nested pages.

Thanks again and appreciate the help!

4

Taxonomies in Hugo have no hierarchy, instead they exist side by side and independent of sections.

So a breadcrumb nav in Hugo makes sense only for Sections, Nested Sections and their content children.

If anyone ever comes up with a mixed breadcrumb (i.e. for both sections and taxonomies) then that would be a very interesting thing to see.