Breadcrumb widget

Use the Breadcrumb widget to display the path to the current page. This helps your users to navigate the website. 

To configure the Breadcrumb widget, perform the following:

  1. After you have dragged the widget on your page, click Edit button in the upper-right corner of the widget.
    The Edit window appears.
  2. In What to include in the breadcrumb?, choose one of the following radio buttons:
    • Full path to the current page.
      The system displays the full path to the current page, starting from the homepage.
    • Path starting from a specific page...
      The system displays the path from a selected page to the current page. 
      1. Click Select a page button.
      2. Select a page from the site map and click Done selecting.
        You must select a page that is a parent of the current page.
  3. Select whether you want to:
    • Show Home page link
      This displays the home page at the beginning of the breadcrumb.
    • Show current page in the end of the breadcrumb
      This displays the current page as a link at the end of the breadcrumb.
    • Show group pages in the breadcrumb.
      A group page is a container for pages and does not have its own content. It redirects to its first child page.
  4. In Label, enter whether you want to display text before the breadcrumb.
    For example, You are here:
  5. In Template, select the template that is used to display the breadcrumb on the webpage.
    You can create a custom template by clicking Create new template. You can edit existing templates by selecting them and clicking Edit selected template.
    For more information, see Create and edit widget templates.
  6. If you have an ecommerce site and you want the currently open product to be displayed in the breadcrumb, open the advanced mode of the widget by clicking Advanced and in AllowVirtualNodes field enter true.
  7. Click Save.
    The Edit window closes and the widget is configured.

Additional resources

ARTICLES

Want to learn more?

Sign up for our free beginner training. Boost your credentials through advanced courses and certification.
Register for Sitefinity training and certification.

Was this article helpful?

Next article

Site selector widget