{"id":1611,"date":"2021-02-24T07:02:54","date_gmt":"2021-02-24T07:02:54","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/show-breadcrumbs-on-product-page-in-magento-2\/"},"modified":"2025-07-16T18:20:17","modified_gmt":"2025-07-16T12:50:17","slug":"show-breadcrumbs-on-product-page-in-magento-2","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/show-breadcrumbs-on-product-page-in-magento-2\/","title":{"rendered":"How to Show Breadcrumbs on Product Page in Magento 2"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Have you ever landed on a website and got lost? I bet you must have just abandoned that site instead of finding the way out.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Had it been the breadcrumbs, the situation would be different. Breadcrumbs would have guided you through the site and help find the desired page!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Today, in this post, I have come up with breadcrumbs, their benefits, and how to enable them in Magento 2.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to improve the navigation and crawlability of your Magento 2 store, continue reading.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In case you are customizing your product page, you may also use a&nbsp;<a href=\"https:\/\/meetanshi.com\/blog\/how-to-use-a-custom-price-template-in-magento-2\/\">custom price template in Magento 2<\/a>&nbsp;to change the way prices are displayed on it.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What are Breadcrumbs?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Breadcrumbs are not only helpful little pointers to indicate the position of a page within a website hierarchy but also an easier way to track back from the current page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It\u2019s an essential part of the website that helps users quickly find what they are looking for especially when the store consists of a large number of categories, products, and subcategories.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It usually appears at the top of the page which are horizontally arranged links separated by greater than (>) sign in the\u00a0Magento 2\u00a0store.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ie.: Home &gt; Category &gt; Sub Category &gt; Product<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Benefits of Showing Breadcrumbs on Product Page in Magento 2<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Improve UX and navigation<\/li>\n\n\n\n<li>Improves SERP rankings<\/li>\n\n\n\n<li>Enhance user experience<\/li>\n\n\n\n<li>Reduce bounce rates and keep your visitors on the website for longer time period<\/li>\n\n\n\n<li>Present the site in an organized and structured manner.<\/li>\n\n\n\n<li>Allow your visitors to better understand the structure\/layout of your website.<\/li>\n\n\n\n<li>Implementing&nbsp;<a href=\"https:\/\/meetanshi.com\/schema-generator\/breadcrumb\">breadcrumb schema markup<\/a>&nbsp;improves the click-through rate from search.<\/li>\n\n\n\n<li>Improve the internal linking of your website for better&nbsp;Magento 2 SEO.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">In Magento 2, not every theme supports breadcrumbs on the product page that\u2019s why you need to&nbsp;<em><strong>show breadcrumbs on product page in Magento 2<\/strong><\/em>&nbsp;using the below method:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Method to Show Breadcrumbs on Product Page in Magento 2<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Add the below code to your&nbsp;<strong>product page layout(xml)<\/strong>&nbsp;file :<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;referenceBlock name=\"breadcrumbs\" template=\"Magento_Theme::html\/breadcrumbs.phtml\"\/>\n&lt;block class=\"Magento\\Catalog\\Block\\Breadcrumbs\"\/><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">The output after using the above code :<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2021\/02\/Screenshot-at-February-16th-2021-9.40.51-am-1024x459.png\" alt=\"How to Show Breadcrumbs on Product Page in Magento 2\" class=\"wp-image-13401\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">That\u2019s all!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If your business requirements demand to&nbsp;<a href=\"https:\/\/meetanshi.com\/blog\/remove-breadcrumbs-from-product-page-magento-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">remove breadcrumbs from the product page in Magento 2<\/a>, you can do so using the solution posted in our blog.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Feel free to share the solution with Magento Community via social media. Thank You.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Have you ever landed on a website and got lost? I bet you must have just abandoned that site instead of finding the way out. Had it been the breadcrumbs, the situation would be different. Breadcrumbs would have guided you through the site and help find the desired page! Today, in this post, I have [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34],"tags":[],"class_list":["post-1611","post","type-post","status-publish","format-standard","hentry","category-magento"],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1611","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=1611"}],"version-history":[{"count":4,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1611\/revisions"}],"predecessor-version":[{"id":16575,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1611\/revisions\/16575"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=1611"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=1611"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=1611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}