Magento 2 Breadcrumbs – How to Customize

breadcrumbsmagento2

I have the standard breadcrumbs on my page, but I want to add a second copy.

I've tried to add another block the same as defined in module-theme default xml:

<block class="Magento\Theme\Block\Html\Breadcrumbs" name="crumbs"/>

This does not display.

Should there be a template reference? e.g.

template="Magento_Theme::html/breadcrumbs.phtml"

How do I add this to my layout?

Best Answer

We can render breadcrumbs in templates(phtml) like below

<?= $block->getLayout()->getBlock('breadcrumbs')->toHtml(); ?>

just add the above line in which phtml file you want to show breadcrumbs.

It worked for me in category page and product detail page. I tested these two pages only :-)

Related Solutions

Magento – Are we forced to rewrite a template in Magento2 when rewritting a block

Since there are discussions around the proposed solution in pull request (https://github.com/magento/magento2/pull/1895), meanwhile you just need to "pin" original template when do change of original block class name:

<referenceBlock name="catalog.topnav" class="***" template="Magento_Theme::html/topmenu.phtml"/>

Move Page.main.title Block into Breadcrumbs in Magento 2

Try with below way,

<?xml version="1.0"?>

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <move element="page.main.title" destination="breadcrumbs" before="-" />
    </body>
</page>

Edit:

Then you need to use echo $block->getChildHtml('page.main.title'); in everywhere of your breadcrumbs.phtml file.

But I don't know better way to do that!

Best Answer

Related Solutions

Magento – Are we forced to rewrite a template in Magento2 when rewritting a block

Move Page.main.title Block into Breadcrumbs in Magento 2

Related Topic