EE 1
EE 2
Crumb Brulee

Developer

Masuga Design

3rd Party (Commercial)
Current Version: 1.0.1

License Agreement

Buy Now!

$20.00
Qty:

Compatibility

If an item is crossed out, it might be untested, not applicable or incompatible. Contact the developer to be sure.

  • Updater
  • Multi Site Manager
  • Stand Alone Entry Form
  • Low Variables
  • Content Elements
  • Better Workflow
  • Matrix
  • Grid
  • Entry API
  • Publisher

Requirements

  • jQuery for the Control Panel

Add-On Type(s)

Module

Tags

Crumb Brulee is an easy to use solution to manage your breadcrumbs. Install the module, set up your look, and add the template tag. Your breadcrumbs are highly customizable via a number of parameters ensuring this is simply the best, most flexible breadcrumb add-on for 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>

Crumb Brulee Links

This entry was created July 9, 2013, 11:44 am.
This entry was last updated March 3, 2014, 1:48 pm.

Disclaimer: Information about ExpressionEngine add-ons is provided as a service to you, the user, and every member of the ExpressionEngine community. devot:ee is not responsible if you hose, mangle, wreck, or otherwise destroy your EE website by installing an add-on that you found out about at this site, regardless of its rating, Favorites status, commercial or free status, or general popularity. Caveat EEmptor!

There are no reviews for this add-on yet.

What are you waiting for? Rate it and review it!