Gravatar for chris.ruderschmidt@americaneagle.com

Question by Chris Ruderschmidt, Aug 26, 2015 3:35 PM

Moving Breadcrumbs Component On Page

What is the best way to move the breadcrumbs component to a different area of the page and maintain their functionality?

Currently, I am experimenting with a jQuery script like this:

$('#search').on('populateBreadcrumb', function(e, args){
                    for(var i=0;i<args.breadcrumbs.length;i++)
                    {
                        var html = $(args.breadcrumbs[i].element).html();
                    }

                });

with a mixture of this: $( ".container" ).append( html );

Is this on the right track?

Thanks!

1 Reply
Gravatar for jflheureux@coveo.com

Answer by Jean-François L'Heureux, Aug 26, 2015 4:55 PM

I think you are over-engineering the solution here.

You can simply move the breadcrumb HTML element in your source code to another location. All the JavaScript Search Framework components can be placed anywhere you want in your HTML layout.

<div class="CoveoBreadcrumb"></div>
Ask a question