The Breadcrumbs widget can be added to a site so the site visitor can easily understand their location and explore the site effectively, and as a result improve the site's SEO. The Breadcrumbs widget displays the site hierarchy on a trail based on the user's current location. Breadcrumbs should not be used on sites with flat hierarchies (only 1 or 2 levels deep). In this case, the navigation bar can clearly indicates what section a page lives within.
The Breadcrumbs cannot be used in fixed headers. For other header types, the header must be converted to a row before you can add the Breadcrumbs . To learn more about the header types, see Headers.
Breadcrumbs displays the names of the following:
- Pages and sub-pages
- Folders
- Dynamic pages
Store pages (for native store)
For the Breadcrumbs to display dynamic pages, you need to enable the Show on all setting:
- In the side panel, click Pages.
- Click the gear icon next to the dynamic page.
- Click Hide/Show in navigation, and select Show on all.
To add the Breadcrumbs :
- In the side panel, click Widgets.
- Click and drag the Breadcrumbs into your site. If you are working in Flex mode, point to the container, and click + to select the Breadcrumbs widget.
To learn more about adding s to your site, see Add Widgets.
Content Editor
To access the content editor:
- Right-click the , and click Edit Content.
- Select the items you want visible on the breadcrumbs. You have the following options:
- Home Page. Always show the home page in the breadcrumbs.
- Current Page. Show the current page in the breadcrumbs.
- Hide the breadcrumbs when there isn't a parent page. Enables breadcrumbs for all pages except the homepage or pages on the first level of navigation.
Design Editor
To access the design editor:
- Right-click the , and click Edit Design.
- In the Links section, select the font and text options.
- Select a Divider style for the divider between each page in the breadcrumbs.
- In the Current Page, Hover, and Folder sections, select a font color and font format.
For information about design options that are not specific to this (for example, layout, style, or spacing), see Widget Design.