Knowledge Base

Breadcrumbs

Last Modified:
01 Feb 2019
User Level:
Power User

Description

A Breadcrumbs Navigation Object shows the hierarchical location of the current page (the parent, grandparent etc.):

Breadcrumbs allow you to backtrack one step at a time, to higher level pages of the website.

How to create Breadcrumbs

To create this object, go to Assets > Navigation and click Create new navigation and select Breadcrumbs.

After completing the standard options used for all types of Navigation Objects, fill in each of the following, where relevant:

ItemDescription
Output each section level as a link Checkbox to output each breadcrumb has a link. If you leave the box unchecked then only section names appear and they are not linked to their pages.
Output the current section level as a link Checkbox to hyperlink the current breadcrumb. If left unchecked, only the name is displayed.
Hide the "Home", or root level Checkbox to remove/hide the home section from the beginning of the breadcrumbs.
Exclude spaces from section names Only an option if Output each section level as a link is unchecked, this will remove all spaces from the section names. This is sometimes used for Analytics code to identify the current page.
Breadcrumb length
  • Full path: gives you a full trail.
  • Set start & end levels: you set the start and end level that will be used. If Start level is left at 0, the breadcrumb will start at the root. If End level is left at 0, the breadcrumb will continue up to the end of the branch.
  • Maximum length: set the maximum number of levels that should appear in the breadcrumb.
Append content "name" for fulltext pages Checkbox to append an item to the end of the breadcrumbs for fulltext content pages.
Content element If Append content "name" for fulltext pages is checked, enter the name of the content element that will be added to the end of the breadcrumb on these pages. All fulltext Content Types will need an element of the same name if this option is to work on all fulltext pages.
Before HTML The code to appear before the breadcrumb.
After HTML The code to appear after the breadcrumb.
Separator HTML The code used between each breadcrumb link.

Review your entries and selections, if you are satisfied with your entries, click Next to generate the object.

Once generated, highlight the T4 Tag Embed Code, copy to your clipboard (Ctrl+C) and paste into a Page Layout or Content Layout or within a Content Item.