SharePoint 2013 - Breadcrumb

By default SharePoint 2013 doesn’t have a breadcrumb (like the 2010 version used to have). This was a very helpful feature to navigate back in your site and some users really miss it.

The good news is Microsoft didn’t remove it from SharePoint 2013, it’s just hidden in the Seattle master page.

To get it back working, you can follow these steps:

1. Open your site with SharePoint designer
2. Navigate to All Files -> _catalogs -> master page
3. Edit the Seattle.master in advanced mode and copy all the code
4. By default it’s not possible to edit the original master. To create a new one click on File -> Blank Mater Page
5. Check out the new master, edit it in advanced mode, delete all the existent code and paste the one from the original Seattle
6. Search for <div class="ms-breadcrumb-dropdownBox" style="display:none;">
7. Delete the CSS attribute style="display:none;"
8. Two lines bellow, change the visible attribute of the SharePoint:PopoutMenu to true
   1. After editing your code it should look like this
      

      <div class="ms-breadcrumb-dropdownBox">
      <SharePoint:AjaxDelta id="DeltaBreadcrumbDropdown" runat="server">
          <SharePoint:PopoutMenu
              Visible="true"
              runat="server"
              ID="GlobalBreadCrumbNavPopout"
              IconUrl="/_layouts/15/images/spcommon.png?rev=27"
              IconAlt="<%$Resources:wss,master_breadcrumbIconAlt%>"
              ThemeKey="v15breadcrumb"
              IconOffsetX="215"
              IconOffsetY="120"
              IconWidth="16"
              IconHeight="16"
              AnchorCss="ms-breadcrumb-anchor"
              AnchorOpenCss="ms-breadcrumb-anchor-open"
              MenuCss="ms-breadcrumb-menu ms-noList">
              <div class="ms-breadcrumb-top">
                  <asp:Label runat="server" CssClass="ms-breadcrumb-header" Text="<%$Resources:wss,master_breadcrumbHeader%>" />
              </div>
              <asp:ContentPlaceHolder id="PlaceHolderTitleBreadcrumb" runat="server"><SharePoint:ListSiteMapPath
              runat="server"
              SiteMapProviders="SPSiteMapProvider,SPContentMapProvider"
              RenderCurrentNodeAsLink="false"
              PathSeparator=""
              CssClass="ms-breadcrumb"
              NodeStyle-CssClass="ms-breadcrumbNode"
              CurrentNodeStyle-CssClass="ms-breadcrumbCurrentNode"
              RootNodeStyle-CssClass="ms-breadcrumbRootNode"
              NodeImageOffsetX="217"
              NodeImageOffsetY="210"
              NodeImageWidth="16"
              NodeImageHeight="16"
              NodeImageUrl="/_layouts/15/images/spcommon.png?rev=27"
              RTLNodeImageOffsetX="199"
              RTLNodeImageOffsetY="210"
              RTLNodeImageWidth="16"
              RTLNodeImageHeight="16"
              RTLNodeImageUrl="/_layouts/15/images/spcommon.png?rev=27"
              HideInteriorRootNodes="true"
              SkipLinkText="" />
              </asp:ContentPlaceHolder>
          </SharePoint:PopoutMenu>
      </SharePoint:AjaxDelta>
      </div>

   2. If you are using one of the themes from SharePoint your breadcrumb icon will not appear as it should, to get it back add the script below before the closing tag
      

      <script type="text/javascript">
      document.getElementById("GlobalBreadCrumbNavPopout-anchor").innerHTML='<img style="border-width:0;position:absolute;left:-215px !important;top:-120px !important;" alt="Navigate Up" src="/_layouts/15/images/spcommon.png?rev=27">';
      </script>

9. Save the modified master page, check it in and publish the major version

10. Open your SharePoint Site, go to Settings -> Site Settings -> MasterPage under Look and Feel and select the new master page for the Site master and System master options. and You will see a new icon on the left side of the menu.

 

来自于 http://academy.bindtuning.com/lets-bring-the-breadcrumb-back-to-sharepoint-2013/