Overview

This component shows breadcrumbs of the selected category.

To update the categories components, you can link the sidebar to the categories component. This will either update this component when a category is clicked in the categories component, or update the categories component when this component is clicked.

Usage

How to create this component.

var categoriesBreadcrumb = sdk.component('categoriesBreadcrumb', target:String, options:Object);

Sample

By default, this component looks like this:

Target

This is the HTML component. For example, the "#inbenta" target is:

<div id="inbenta"></div>

Options

Available options to set in this component

Default options object

{
  categoryId: 0
}

Methods

Methods can be used in this component.

Example

Set setActiveCategory 1 to the categoriesBreadcrumb component.

// Load at the begining
var categoriesBreadcrumb = sdk.component('categoriesBreadcrumb', '#categoriesBreadcrumb', {categoryId:1});

// or after ready
categoriesBreadcrumb.untilReady.then(function(){
  categoriesBreadcrumb.setActiveCategory(1);
});

Subcomponents

This component does not have any subcomponents.

Events

Events to listen on this component.

Tracking

This component does not track any data.

Labels

Labels of this component. The default labels of each component can be rewritten in the SDK creation configuration.

Examples

Do something when event 'categoryId' is emitted.

var categoriesBreadcrumb = sdk.component('categoriesBreadcrumb', '#categoriesBreadcrumb');
categoriesBreadcrumb.$on('categoryId', function (categoryId) {
  // Do something awesome
});