Magento 2 CMS page add custom breadcrumbs

Question

I have tried the below code for Magento 2 cms page custom breadcrumbs, but I got this error :

Please correct the XML data and try again. Element 'action': This element is not expected. Line: 3

Admin login -> Content-> Pages -> Add New Page -> Design -> Layout Update XML

    <referenceContainer name="breadcrumbs">
        <action method="addCrumb">
            <argument name="crumbName" xsi:type="string">Home</argument>
            <argument name="crumbInfo" xsi:type="array">
                <item name="title" xsi:type="string">Home</item>
                <item name="label" xsi:type="string">Home</item>
                <item name="link" xsi:type="string">/</item>
            </argument>
        </action>
        <action method="addCrumb">
            <argument name="crumbName" xsi:type="string"></argument>
            <argument name="crumbInfo" xsi:type="array">
                <item name="title" xsi:type="string">XXXXXX</item>
                <item name="label" xsi:type="string">XXXXXX</item>
                <item name="link" xsi:type="string">/xxxxxx</item>
            </argument>
        </action>
        <action method="addCrumb">
            <argument name="crumbName" xsi:type="string">YYYYYY</argument>
            <argument name="crumbInfo" xsi:type="array">
                <item name="title" xsi:type="string">YYYYYY</item>
                <item name="label" xsi:type="string">YYYYYY</item>
            </argument>
        </action>
    </referenceContainer>

do you want custom breadcrumb for single page?
– Manoj Deswal
Commented Jul 7, 2017 at 6:59 — Manoj Deswal, Commented Jul 7, 2017 at 6:59
Yes, I want every CMS page have separated breadcrumbs.
– VijayS91
Commented Jul 7, 2017 at 7:03 — VijayS91, Commented Jul 7, 2017 at 7:03

Sukumar Gorai · Accepted Answer · 2018-06-06 14:22:46Z

Try below code:

<referenceContainer name="page.wrapper">
<referenceBlock name="breadcrumbs">
    <action method="addCrumb">
        <argument name="crumbName" xsi:type="string">home</argument>
        <argument name="crumbInfo" xsi:type="array">
            <item name="title" xsi:type="string">Home</item>
            <item name="label" xsi:type="string">Home</item>
            <item name="link" xsi:type="string">/</item>
        </argument>
    </action>
    <action method="addCrumb">
        <argument name="crumbName" xsi:type="string">cms_page</argument>
        <argument name="crumbInfo" xsi:type="array">
            <item name="title" xsi:type="string">XXXXXX</item>
            <item name="label" xsi:type="string">XXXXXX</item>
            <item name="link" xsi:type="string">/xxxxxx</item>
        </argument>
    </action>
    <action method="addCrumb">
        <argument name="crumbName" xsi:type="string">yyyyyy</argument>
        <argument name="crumbInfo" xsi:type="array">
            <item name="title" xsi:type="string">YYYYYY</item>
            <item name="label" xsi:type="string">YYYYYY</item>
        </argument>
    </action>
</referenceBlock>
</referenceContainer>

Its append exiting breadcrumbs. Like Home >> sample page >> Home >> XXXXXX >> YYYYYY. Kindly hep me to solve. — VijayS91, Commented Oct 30, 2017 at 8:05
Hi VijayS91. I don't understand what you mean. It is like this? same my image -( prnt.sc/h3shw2 ) — Linh, Commented Oct 30, 2017 at 8:53
@VijayS91: The above will work. You have to change the crumbName to "home" instead of "Home" and for the second item "cms_page". Then clear your cache and check in the browser. — Zammuuz, Commented Dec 14, 2017 at 8:00

Sanju · Accepted Answer · 2018-06-26 07:12:47Z

You can try this its working for me

Admin login -> Content -> Pages -> Add New Page -> Design -> Layout Update XML

<referenceContainer name="page.wrapper">
    <referenceBlock name="breadcrumbs" remove="true"/>
    <referenceContainer name="page.top">
        <block class="Magento\Theme\Block\Html\Breadcrumbs" name="breadcrumbs.cms">
            <action method="addCrumb">
                <argument name="crumbName" xsi:type="string">Home</argument>
                <argument name="crumbInfo" xsi:type="array">
                    <item name="title" xsi:type="string">Home</item>
                    <item name="label" xsi:type="string">Home</item>
                    <item name="link" xsi:type="string">/</item>
                </argument>
            </action> 
            <action method="addCrumb">
                <argument name="crumbName" xsi:type="string">CMS Page</argument>
                <argument name="crumbInfo" xsi:type="array">
                    <item name="title" xsi:type="string">CMS Page</item>
                    <item name="label" xsi:type="string">CMS Page</item>
                    <item name="link" xsi:type="string">/cms-page</item>
                </argument>
            </action>
            <action method="addCrumb">
                <argument name="crumbName" xsi:type="string">CMS Sub Page</argument>
                <argument name="crumbInfo" xsi:type="array">
                    <item name="title" xsi:type="string">CMS Sub Page</item> 
                    <item name="label" xsi:type="string">CMS Sub Page</item> 
                </argument>
            </action>
        </block>
    </referenceContainer>
</referenceContainer>

Preview

Home >> CMS Page >> CMS Sub Page

Thanks for this one! Worked perfectly in my Magento 2.3 installation. Great Job! — Toto Memeng, Commented Aug 1, 2019 at 5:49

Evgeny Levinsky · Accepted Answer · 2017-10-28 07:41:26Z

0

You can to use referenceBlock instead referenceContainer:

<referenceBlock name="breadcrumbs">
    <action method="addCrumb">
        <argument name="crumbName" xsi:type="string">Home</argument>
        <argument name="crumbInfo" xsi:type="array">
            <item name="title" xsi:type="string">Home</item>
            <item name="label" xsi:type="string">Home</item>
            <item name="link" xsi:type="string">/</item>
        </argument>
    </action>
    <action method="addCrumb">
        <argument name="crumbName" xsi:type="string"></argument>
        <argument name="crumbInfo" xsi:type="array">
            <item name="title" xsi:type="string">XXXXXX</item>
            <item name="label" xsi:type="string">XXXXXX</item>
            <item name="link" xsi:type="string">/xxxxxx</item>
        </argument>
    </action>
    <action method="addCrumb">
        <argument name="crumbName" xsi:type="string">YYYYYY</argument>
        <argument name="crumbInfo" xsi:type="array">
            <item name="title" xsi:type="string">YYYYYY</item>
            <item name="label" xsi:type="string">YYYYYY</item>
        </argument>
    </action>
</referenceBlock>

It's work for me well. I hope it will help.

answered Oct 28, 2017 at 7:41

Evgeny Levinsky

1,1871 gold badge7 silver badges12 bronze badges

Its not working shown this error : Please correct the XML data and try again. Element 'referenceBlock': This element is not expected. Expected is one of ( referenceContainer, container, update, move ). Line: 1
– VijayS91
Commented Oct 30, 2017 at 7:56
It's very oddly. What is your Magento version? I tested it on 2.1.4
– Evgeny Levinsky
Commented Oct 30, 2017 at 8:41
Admin login -> Content-> Pages -> Add New Page -> Design -> Layout Update XML Added your code in this text-area and filled necessary fields. Then click the save button shown above comment error. I am work in Magento 2.1.8 version.
– VijayS91
Commented Oct 30, 2017 at 10:01
In 2.1.4 this code working properly. If you want showing only your items in breadcrumb - you can set option to No in Stores -> Configuration -> tab "General" -> Web -> tab "Default Pages" -> Show Breadcrumbs for CMS Pages
– Evgeny Levinsky
Commented Oct 30, 2017 at 12:10

Add a comment |

vandijkstef · Accepted Answer · 2022-06-01 10:34:05Z

I don't understand why above answers fully recreating the breadcrumbs. There's likely nothing wrong with the "Home" breadcrumb and you might get confused as to why the breadcrumbs are positioned differently. Additionally I highly recommend to add translate="true" to the title/label so they are ready for i18n. This would be the minimum needed:

<referenceBlock name="breadcrumbs">
    <action method="addCrumb">
        <argument name="crumbName" xsi:type="string">XXX</argument>
        <argument name="crumbInfo" xsi:type="array">
            <item name="title" translate="true" xsi:type="string">XXX</item>
            <item name="label" translate="true" xsi:type="string">XXX</item>

            <!-- Remove this "link" for the last breadcrumb / to make it non-clickable -->
            <item name="link" xsi:type="string">/xxx</item>
        </argument>
    </action>
</referenceBlock>

Stack Exchange Network

Magento 2 CMS page add custom breadcrumbs

4 Answers 4

Your Answer

Not the answer you're looking for? Browse other questions tagged
magento-2.1
cms-pages
breadcrumbs
or ask your own question.

Hot Network Questions

Magento 2 CMS page add custom breadcrumbs

4 Answers 4

Your Answer

Sign up or log in

Post as a guest

Not the answer you're looking for? Browse other questions tagged magento-2.1cms-pagesbreadcrumbs or ask your own question.

Related

Hot Network Questions

Not the answer you're looking for? Browse other questions tagged
magento-2.1
cms-pages
breadcrumbs
or ask your own question.