Summary

Breadcrumbs is a navigation aid which allows users to keep track of their location on the website.

Usage

The Breadcrumbs control can be added under Add Control >> Navigation >> Breadcrumbs.
It consists of the following elements:

Breadcrumbs
The outer wrapper of the Breadcrumbs Control. You can control the Length, Background fill, and other parameters of this element.
 


Link
Links to the parent pages.
 


Separator
Separator between pages. Can be a Web Font symbol or a custom image.
 


Text
Current Page Name or "You are here:" text.


 

breadcrumbs2.png

Joomla related note:
To output Breadcrumbs module follow the steps:
1. Add Breadcrumbs control to your theme. It creates the special "Breadcrumb" position.
2. Save the theme and open Joomla admin back-end. Open the Breadcrumbs module options and assign it to the "Breadcrumb" position created at step 1.
3. If the Breadcrumbs control is positioned inside the Sidebar control (as it is in the default template), please navigate to the Sidebars >> Top Sidebar and deselect the Hide If Position Is Empty option.

### Summary **Breadcrumbs** is a navigation aid which allows users to keep track of their location on the website. ### Usage The Breadcrumbs control can be added under **Add Control** >> **Navigation** >> **Breadcrumbs**. It consists of the following elements: <div class="container-fluid"> <div class="row-fluid"> <div class="col-sm-4"> <i>Breadcrumbs</i> </div> <div class="col-sm-8">The outer wrapper of the Breadcrumbs Control. You can control the Length, Background fill, and other parameters of this element. <br>&nbsp;</div></div> <br> <div class="row-fluid"> <div class="col-sm-4"><i>Link</i></div> <div class="col-sm-8">Links to the parent pages. <br>&nbsp;</div></div> <br> <div class="row-fluid"> <div class="col-sm-4"><i>Separator</i></div> <div class="col-sm-8">Separator between pages. Can be a Web Font symbol or a custom image. <br>&nbsp; </div></div> <br> <div class="row-fluid"> <div class="col-sm-4"><i>Text</i></div> <div class="col-sm-8">Current Page Name or "You are here:" text. </div></div> <br>&nbsp; !breadcrumbs2.png! *Joomla* related note: To output Breadcrumbs module follow the steps: 1. Add **Breadcrumbs** control to your theme. It creates the special "*Breadcrumb*" position. 2. Save the theme and open Joomla admin back-end. Open the Breadcrumbs module options and assign it to the "*Breadcrumb*" position created at step 1. 3. If the **Breadcrumbs** control is positioned inside the **Sidebar** control (as it is in the default template), please navigate to the **Sidebars** >> **Top Sidebar** and deselect the **Hide If Position Is Empty** option.