I upgraded Magento to 2.2.4 & now I don't have breadcrumbs on product pages. They show up on other pages but not on products. I checked the source & noticed that there is a div with the 'breadcrumbs' class & some json params, but it's empty (no errors on console).

Any idea?

I found out that for a reason I can't explain , Magento started building the breadcrumbs of the product pages based on the top-menu navigation using JS & since in my case I changed the menu & used different CSS selectors, it stopped working.
I believe that now I'll be able to fix this, but I can't see any good reason for them to do that, it's way too fragile...

My Temporary Workaround (If it helps someone...):

1. Build a module & add a block that extends \Magento\Theme\Block\Html\Breadcrumbs in order to add the method getCrumbs() *No need for di.xml

namespace Vendor\Module\Block\Html;

class Breadcrumbs extends \Magento\Theme\Block\Html\Breadcrumbs
    public function getCrumbs()
        return $this->_crumbs;

    public function getBaseUrl()
        return $this->_storeManager->getStore()->getBaseUrl();

2. Override the breadcrumbs template on product page (app/design/frontend/Vendor/Theme/Magento_Catalog/templates/product/breadcrumbs.phtml)

$objectManager = \Magento\Framework\App\ObjectManager::getInstance();
$catalogData = $objectManager->create('Magento\Catalog\Helper\Data');
$crumbs = false;
if ($breadcrumbsBlock = $objectManager->create('Vendor\Module\Block\Html\Breadcrumbs')) {
            'label' => __('Home'),
            'title' => __('Go to Home Page'),
            'link' => $breadcrumbsBlock->getBaseUrl()
    $path = $catalogData->getBreadcrumbPath();
    foreach ((array)$path as $name => $breadcrumb) {
        $breadcrumbsBlock->addCrumb($name, $breadcrumb);
    $crumbs = $breadcrumbsBlock->getCrumbs();
<?php if ($crumbs && is_array($crumbs)) : ?>
    <div class="breadcrumbs">
        <ul class="items">
            <?php foreach ($crumbs as $crumbName => $crumbInfo) : ?>
                <li class="item <?= /* @escapeNotVerified */ $crumbName ?>">
                <?php if ($crumbInfo['link']) : ?>
                    <a href="<?= /* @escapeNotVerified */ $crumbInfo['link'] ?>" title="<?= $block->escapeHtml($crumbInfo['title']) ?>"><?= $block->escapeHtml($crumbInfo['label']) ?></a>
                <?php elseif ($crumbInfo['last']) : ?>
                    <strong><?= $block->escapeHtml($crumbInfo['label']) ?></strong>
                <?php else: ?>
                    <?= $block->escapeHtml($crumbInfo['label']) ?>
                <?php endif; ?>
            <?php endforeach; ?>
<?php endif; ?>
  • please clear your var folder then run bin/magento set:up. May 24, 2018 at 9:03
  • & besides that? (I already tried all the regular stuff)
    – Pini
    May 24, 2018 at 9:53
  • @Pini This works perfect.
    – Arvind07
    Jul 17, 2018 at 12:05
  • I also facing same issue after upgrade 2.2.5....
    – Mahi M
    Jul 24, 2018 at 4:56
  • Works! Only small problem that $crumbInfo didn't return info about first/last so i had to add this myself
    – Volvox
    Sep 5, 2018 at 13:14

4 Answers 4


I found the same problem and did it little bit easier and without ObjectManager. I found out the way how it's done with categories and used that. In catalog_product_view.xml, I rewrite template back to Magento_Theme's one:

<referenceBlock name="breadcrumbs" template="Magento_Theme::html/breadcrumbs.phtml" />

Then I wrote small plugin:

namespace Vendor\Module\Plugin\Catalog\Block\Product;

class View

     * Add Breadcrumbs Block
     * @param \Magento\Catalog\Block\Product\View $subject
     * @param $result
     * @return mixed
     * @throws \Magento\Framework\Exception\LocalizedException
    public function afterSetLayout(\Magento\Catalog\Block\Product\View $subject, $result) {

        return $result;

Finally, di.xml:

<type name="Magento\Catalog\Block\Product\View">
    <plugin name="add_catalog_breadcrumb_block" type="Vendor\Module\Plugin\Catalog\Block\Product\View" />

Two problems have been fixed: missing breadcrumbs and missing page title (in head section) in the product page.

  • Nice one! I actually hoped that Magento would provide an official fix (as much as I can tell - it's a bug), so I tried to stay in the theme area as much as possible. But this will do & it would be easy to turn your solution into a module that fixes that.
    – Pini
    Jul 10, 2018 at 4:41
  • I also face same issue ...How to solve this in magento2.2.5
    – Mahi M
    Jul 24, 2018 at 5:03
  • where do i put the code for the "small plugin"?
    – jogoe
    Nov 20, 2018 at 8:15

These two lines restores the class breadcrumb block. That's it. No custom plugins or something else:

<referenceBlock name="breadcrumbs" template="Magento_Theme::html/breadcrumbs.phtml" />
<block class="Magento\Catalog\Block\Breadcrumbs" />

For the ones who wants a Fix Module until Magento fixes this:


I created this to add the home and product to the breadcrumb. Also this prevents the JS from executing since i replace it by the default html.


To anyone else who gets here and perhaps doesn't want to install some plugin just for this, all I had to do was add this to my template (it's totally hidden) and the breadcrumbs started appearing again:

<div data-action="navigation" style="display:none;"><ul  data-mage-init='{"menu":{"responsive":false, "expanded":true, "delay":0, "position":{"my":"left top","at":"left bottom"}}}'></ul></div>
  • This is true, but it doesn't seem to follow the correct crumb structure. My product page breadcrumbs show Home > Product name. No mention of the categories it belongs to. Sep 12, 2018 at 11:35

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.