Adding a non-link element to the end of the breadcrumb

Question

For example, in a "blog post" page I'd like the breadcrumb to display like this:

Blog > Recipes > Recipe

I'm controlling all breadcrumbs from a single place, a class that implements BreadcrumbBuilderInterface. Its build method looks like this:

public function build(RouteMatchInterface $route_match) {
  $b = new Breadcrumb();

  $node = $route_match->getParameter('node');

  if ($node && $node->getType() == 'blog_post') {
    $b->addLink(Link::createFromRoute($this->t('Blog'), 'blog.home'));
    $b->addLink(Link::createFromRoute($this->t('Recipes'), 'blog.recipes_landing'));

    //I want this next item to not be a link, and to show "Recipe" and not the node title.
    //$b->addLink(Link::createFromRoute($this->t('Recipe'), 'nothing!'));
  }

  return $b;
}

How can I make this happen? I saw somewhere (not sure where, in a code comment perhaps) that this last item is supposed to be added in the theme layer, but I don't want to split my logic, especially since I don't just want all breadcrumbs to show the page title as the last item (instead, for example, I want it to say "Recipe" if the content type is blog_post).

Answer 1

You can do almost like in your suggestion. You just need to use '<none>' instead of 'nothing!'.

$b->addLink(Link::createFromRoute($this->t('Recipe'), '<none>'));

Answer 2

Here's the (very) complicated solution I implemented for this.

In a custom module, extend the Breadcrumb class, like this:

<?php

namespace Drupal\mymodule;

use Drupal\Core\Breadcrumb\Breadcrumb as Source;

class Breadcrumb extends Source {
  private $current = NULL;

  /**
   * @param string|NULL $title
   */
  public function setCurrentTitle($title) {
    $this->current = $title;
  }

  public function toRenderable() {
    $array = parent::toRenderable();
    $array['#current'] = $this->current;
    return $array;
  }

}

Then my build method from the question becomes this:

public function build(RouteMatchInterface $route_match) {
  $b = new Breadcrumb();

  $node = $route_match->getParameter('node');

  if ($node && $node->getType() == 'blog_post') {
    $b->addLink(Link::createFromRoute($this->t('Blog'), 'blog.home'));
    $b->addLink(Link::createFromRoute($this->t('Recipes'), 'blog.recipes_landing'));

    $b->setCurrentTitle($this->t('Recipe')); //yayhere!
  }

  return $b;
}

But, then, in my .theme file, I added this beautiful thing:

function mytheme_theme_registry_alter(&$theme_registry) {
  $theme_registry['breadcrumb']['variables']['current'] = [];
}

And, finally, the twig file became this:

{% if breadcrumb %}
  <nav class="breadcrumb container" role="navigation" aria-labelledby="system-breadcrumb">
    <h2 id="system-breadcrumb" class="visually-hidden">{{ 'Breadcrumb'|t }}</h2>
    <ol>
    {% for item in breadcrumb %}
      <li>
        {% if item.url %}
          <a href="{{ item.url }}">{{ item.text }}</a>
        {% else %}
          {{ item.text }}
        {% endif %}
      </li>
    {% endfor %}
    {% if current %}
      <li>{{ current }}</li>
    {% endif %}
    </ol>
  </nav>
{% endif %}

Nice, eh?