devot:eeDevoted to ExpressionEngine

Crumb Brulee gives you the flexibility to do exactly what you want with breadcrumbs with minimal effort. The settings inside the EE Control Panel let you set default styles for each part of the breadcrumb, including custom delimiters, custom classes, adding custom titles for template groups.  The template tags add even more flexibility with the ability to hide or rename segments.

Basic Examples, assuming a url of http://mysite.com/account/settings

Set the outer html element for the breadcrumbs

{exp:crumb_brulee:crumbs tag_open="<div class='crumbs'>" 
tag_close="</div>" item_open="" item_close=""}
    
#output:
<div class='crumbs'>
  <a href="http://mysite.com">Home</a> > 
  <a href="http://mysite.com/account">Account</a> > 
  Settings
</div>

Set the inner html element for the breadcrumbs

{exp:crumb_brulee item_open="<span class='crumb'>" item_close="</span>"}

#output:
    <ul class='nav breadcrumbs'>
      <span class='crumb'><a href="http://mysite.com">Home</a></span> > 
      <span class='crumb'><a href="http://mysite.com/account">Account</a></span> > 
      <span class='crumb'>Settings</span>
    </ul>

Set the html element for the current item in the breadcrumbs

{exp:crumb_brulee current_open="<div class='crumb'>" 
current_close="</div>"}

#output:
    <ul class='nav breadcrumbs'>
      <li><a href="http://mysite.com">Home</a></li> > 
      <li><a href="http://mysite.com/account">Account</a></li> > 
      <li><div class='crumb'>Settings</div></li>
    </ul>

Set the delimiter for the breadcrumbs

{exp:crumb_brulee delimiter=" ... "}

#output:
    <ul class='nav breadcrumbs'>
      <li><a href="http://mysite.com">Home</a></li> ... 
      <li><a href="http://mysite.com/account">Account</a></li> ... 
      <li>Settings</li>
    </ul>

Toggle ‘Home’ to not show

{exp:crumb_brulee show_home="n"}

#output:
    <ul class='nav breadcrumbs'>
      <li><a href="http://mysite.com/account">Account</a></li> > 
      <li>Settings</li>
    </ul>

Change the label for “Home” to something else

{exp:crumb_brulee home_label="Start"}

#output:
    <ul class='nav breadcrumbs'>
      <li><a href="http://mysite.com">Start</a></li> > 
      <li><a href="http://mysite.com/account">Account</a></li> >  
      <li>Settings</li>
    </ul>

Set the capitalization to uppercase on first letters

{exp:crumb_brulee capitalization="ucfirst"}

#output:
    <ul class='nav breadcrumbs'>
      <li><a href="http://mysite.com">Home</a></li> > 
      <li><a href="http://mysite.com/account">Account</a></li> >  
      <li>Settings</li>
    </ul>

Set the capitalization to all uppercase

{exp:crumb_brulee capitalization="uc"}

#output:
    <ul class='nav breadcrumbs'>
      <li><a href="http://mysite.com">HOME</a></li> > 
      <li><a href="http://mysite.com/account">ACCOUNT</a></li> >  
      <li>SETTINGS</li>
    </ul>

Set the capitalization to all lowercase

{exp:crumb_brulee capitalization="lc"}

#output:
    <ul class='nav breadcrumbs'>
      <li><a href="http://mysite.com">home</a></li> > 
      <li><a href="http://mysite.com/account">account</a></li> >  
      <li>settings</li>
    </ul>

Set a custom name for segment 1

{exp:crumb_brulee segment1="Reggy's Account"}

#output:
    <ul class='nav breadcrumbs'>
      <li><a href="http://mysite.com">Home</a></li> > 
      <li><a href="http://mysite.com/account">Reggy's Account</a></li> >  
      <li>Settings</li>
    </ul>

Hide segment 1

{exp:crumb_brulee hidden_segments="1"}

#output:
    <ul class='nav breadcrumbs'>
      <li><a href="http://mysite.com">Home</a></li> > 
      <li>Settings</li>
    </ul>