Unfortunately the install process for the full version is much more complicated then the Light-Version.

Step 1: Download

Before we can actually start with the CIjCrumb you need to download the latest version.

You can find an overview of the latest release at the Homepage of this wiki.

Step 2: Install

The Full-Version comes with a lot more files:

• Javascript files:
  js/jquery.cijcrumb-1.0.0.js 
  js/jquery.cijcrumb-1.0.0.min.js
  
  
• CSS file:
  css/cijcrumb.css
  
  
• PHP files:
  {application}/config/cijcrumb.php
  {application}/helpers/cijcrumb_helper.php
  
  
• images:
  images/cijcrumb/home.gif 
  images/cijcrumb/seperator.gif
  images/cijcrumb/seperatorOverlay.png 

Please note: We assume that your CSS-files are available under http://example.com/css, your Javascript files under http://example.com/js and your images under http://example.com/images. If it's not please keep in mind to change the paths in your html and the css file.

 Step 3: Implement

Additional to the files you also need jQuery so everythings works fine. You can download a copy from their webpage and put it in your js-folder for download, or (and that's what I recommend you) you use one of their Content Delivery Networks (CDN). We need at least jQuery 1.4.1! It is also tested with jQuery 1.5.1. Please use the Min-Version.

Use one option for jQuery:

• With your own copy
  <script type="text/javascript" src="js/jquery-1.4.1.min.js" charset="utf-8"></script> 
  
  
• Googles CDN 
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" charset="utf-8"></script> 
  
  
• Microsofts CDN
  <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js" charset="utf-8"></script>
  
  
• jQuery CDN
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js" charset="utf-8"></script>

Don't forget to include the cijcrumb.css and the cijcrumb.js to your site. So at the end it should look similar like this:

<link rel="sytlesheet" type="text/css" media="all" href="css/cijcrumb.css">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" charset="utf-8"></script>
<script type="text/javascript" src="js/jquery.cijcrumb-1.0.0.min.js" charset="utf-8"></script> 

Now we have implmented the layout and the Scriptfiles, we can now implement the breadcrumb itself and the needed Javascript-call. Otherwise, our breadcrumb doesn't look right. For the breadcrumb simply put the following line of code somewhere in your View (html) where the breadcrumb shall appear:

<?php echo showCijCrumb(); ?>

Please make sure you loaded the cijcrumb_helper earlier. For more information have a look at the Install guide of the Light-Version.

Close to the end of your view (html), just above the </body>-tag, please put the following line of code:

<?php echo printCijCrumbJS('#cijcrumb', FALSE); ?>

For the parameters of that function please have a look at the Configuration guide.

Implemetation is now complete and the CIjCrumb should look like the demo.

Step 4: Configure

You can customize the Javascript and Breadcrumb functionality as you need it. All available variables are in our Configuration guide. You may also change the css parameters on your own and as you like it.