Breadcrumbs

The Breadcrumbs widget displays a visual hierarchy that indicates to site visitors exactly where they are within a site. This widget works automatically, displaying proper page structure immediately!

Preview: https://demo.wocode.com/breadcrumbs

Tutorial Video

Setup

WIDGET PLACEMENT AND SIZING

• Drop the widget into your site and place it in a row or column on the page where you wish to for the breadcrumbs to be located. If you want to have the breadcrumbs displayed across all pages of the site, you can place the widget in the header or footer.

WIDGET OPTIONS

• Open the widget option panel.
• Home Page: This toggle determines whether the site's home page will be shown in the breadcrumbs widget.
• Current Page: This toggle determines whether the current page that the user is on will be shown in the breadcrumbs widget.

DESIGN OPTIONS

The Design tab of the widget contains extensive styling options. The majority of these settings are related to text styling and will look familiar to text styling found in other widgets. However, there are a few settings to note:

• Links: This setting controls the styling for the page links seen in the breadcrumbs widget.
• Divider: This controls the styling for the divider icon that is displayed between each page shown in the breadcrumb widget.
• Folder: You can style how folders will appear within the breadcrumbs widget. Note that while folders can be displayed with the breadcrumbs, they are non-clickable items.